Tobias Unger: JavaScript und XHTML 1.0 Strict

Beitrag lesen

Hallo!

Ich versuche gerade, eine XHTML1.0-Strict-Website zu erstellen.
Dabei brauche ich unter anderem unten stehendes (stark vereinfachtes Beispiel).
Leider funktioniert dies nicht mehr, sobald ich die DOCTYPE-Angabe ergänze.
Der w3c-Validator findet keine Fehler, ein Plugin zu firefox meldet: "Error: document.all has no properies"!

---
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xml:lang="de" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Interaktives mit XHTML 1.0</title>

<style type="text/css">
a { display:block; color:#000000; }
</style>

<script type="text/javascript">
<!--

var Status = new Array('hide','hide','hide');

function flap(Index) {

if(Status[Index] == 'hide') {

eval("document.all.Menu"+Index+".style.visibility = 'visible'");
     Status[Index] = 'view';
  }
 else {

eval("document.all.Menu"+Index+".style.visibility = 'hidden'");
     Status[Index] = 'hide';
  }
}
//-->
</script></head>
<body>

<div onmouseover="javascript:flap(0)" onmouseout="javascript:flap(0)">
News

</div>
<div onmouseover="javascript:flap(1)" onmouseout="javascript:flap(1)">
News
</div>
<div onmouseover="javascript:flap(2)" onmouseout="javascript:flap(2)">
News
</div>

<div id="Menu0" style="visibility: hidden;">
<a href="a">Link 1</a>
<a href="a">Link 2</a>
<a href="a">Link 3</a>
</div>
<div id="Menu1" style="visibility: hidden;">

<a href="a">Link 4</a>
<a href="a">Link 5</a>
<a href="a">Link 6</a>
</div>
<div id="Menu2" style="visibility: hidden;">
<a href="a">Link 7</a>
<a href="a">Link 8</a>
<a href="a">Link 9</a>
</div>

</body>

</html>
---

Hat vielleicht jemand eine Idee, woran das liegen könnte???

Vielen Dank für eure Bemühungen,

Tobias Unger

PS.: Selfhtml ist super, ohne dieses würde ich meine Website seit einem Jahr mit OpenOffice zusammenschustern!