Ach ja, ich vergaß, dass mit dem "CDATA" ist getestet und löst die Beschwerden des HTML-Validators auf.
Was das article zu div angeht, hatte ich das wegen mangelnder CSS-Kenntnisse und Willen, das zu recherchieren, bis eben noch nicht probiert.
Nun hab ich einfach mal naiv versucht, im screen.css, diese Definition für die <article class="showmore"> / <article class="showall"> auf "div" umzumünzen und dahinter angefügt:
article.showmore{
max-height: 85px;
overflow:hidden;/* hide excessive text */
margin:20px;
}
article.showall{
overflow: auto;
}
div.showmore{
max-height: 85px;
overflow:hidden;/* hide excessive text */
margin:20px;
}
div.showall{
overflow: auto;
}
und im Jataka
http://www.zugangzureinsicht.org/html/tipitaka/kn/j/j01/j005.html die Änderungen im Javascript (article -> div, 'ARTICLE' -> 'DIV'):
<script type="text/javascript">
//<![CDATA[
function showHide(link){
var div = link.previousSibling;
while(div.nodeName!='DIV'){// find the previous article
div = div.previousSibling;
}
if(div.className=='showall'){
link.innerHTML = '<img src="http://zugangzureinsicht.org/html/img/more.png" alt="[show more]"/> [more]';
div.className='showmore';
}else{
link.innerHTML = '<img src="http://zugangzureinsicht.org/html/img/hide.png" alt="[hide]"/> [hide]';
div.className='showall';
}
}
//]]>
</script>
und im HTML:
<article class="showmore">
...
</article>
zu
<div class="showmore">
...
</div>
Sieht soweit alles gleich aus im Browser, der HTML-Validator beschwert sich auch nicht mehr über den article-Tag, weil es den ja nicht mehr gibt. Dafür sind 15 neue Fehler aufgetaucht, die nichts damit zu tun haben und vorher wohl nicht so erwähnenswert schienen.
Die stammen, wie es aussieht, alle von sowas hier:
<a class='para'id='para-B' name='para-B' title='Geschichte aus der Vergangenheit'>[§B]</a>
Da fehlt das Leerzeichen zwischen class='para' und id='para-B'. Das tritt in den Jatakas offenbar öfter auf, aber auch mal an anderen Stellen, zum Beispiel bei dem Link zum Verstecken/Ausrollen der Info unten:
<a id='more' href='#more'class="onclick" onclick="showHide(this);" title="Click here to get the whole infomation of this field and also to hide it again.">
Da fehlt das Leerzeichen zwischen href='#more' und class="onclick" wohl auf vielen oder vielleicht jeder Seite.
Diese Dinge leuchten auch rot auf, wenn man sich im Firefox den Quelltext anzeigen lässt.
Ich hab jetzt den Inhalt vom FTP-Server komplett runtergeladen und würde mal probieren, das mit einem Skript, das alle Seiten durchläuft, zu beheben.