nicht angemeldet
Hallo zusammen,
ich habe erst mit JavaScript angefangen, seid also etwas nachsichtig ;)
Ich möchte gerne auf meiner Seite eine Gruppe von Wörtern ein/ausblenden können, wenn der Nutzer über ein Feld fährt.
Beispielseite:
--
eat Lösung
--
Nutzer fährt mit der Maus über "Lösung", nun steht dort:
--
eat Lösung essen
--
(Dies nur als Beispiel ;)
Folgendes habe ich mir zusammengesucht:
<html><head>
<script type="text/javascript">
var x = true;
function show() {
for (var i = 0; i < document.getElementsByName("Ueberschrift").length; i++){
if(x == true){
document.getElementsByName("Ueberschrift")[i].style.visibility = "visible";
}
else{
document.getElementsByName("Ueberschrift")[i].style.visibility = "hidden";
}
}
x = (x == true) ? false : true;
}
</script>
</head><body>
<h1 name="Ueberschrift" style="visibility:hidden">Die Überschrift zum Text</h1>
<h2 name="Ueberschrift" style="visibility:hidden">Die Überschrift zum Text</h2>
<p onmouseover="show()">Hier der Text. Aber fehlt da nicht was?</p>
</body></html>
onmouseout ist noch nicht definiert und so... das weiss ich selbst..
mit dem FireFox klappt alles wie ich es erwarte.. aber der IE6 macht gar nichts, obwohl die getElementsByName vom IE unterstützt wird (laut selfhtml), ich sehe auch keine Fehlermeldung
Woran liegt das? Und was kann ich dagegen tun? (Ich kann meine User nicht zum FireFox zwingen ;)
Gruß
Lena