nicht angemeldet
Verstecken mit dem IE
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
-
hi,
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)
Ja, aber nur für Elemente, die auch ein name-Attribut haben.
Woran liegt das?
Daran, dass h1/h2 eben _keine_ name-Attribut haben in (X)HTML.
Und was kann ich dagegen tun?
Dir eine andere Möglichkeit überlegen, Elemente per Javascript zu selektieren.
gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }-
.. und ich dachte immer, der FireFox macht keinen quatsch..
nagut.
Ids darf ich ja nur eindeutig vergeben.
Heisst das, dass ich jetzt Element eine id zum Beispiel Id1 - Id9 vergeben muss und dann in einer Schleife _alle_ Tags durchlaufen muss?
Oder gibt es noch andere Gruppierungsmöglichkeiten?
Ich würde ja am liebsten das über die Stylesheets lösen.
Geht sowas? Einfach global das class-Attribut ändern und es wird für alle übernommen?-
hi,
Heisst das, dass ich jetzt Element eine id zum Beispiel Id1 - Id9 vergeben muss und dann in einer Schleife _alle_ Tags durchlaufen muss?
Das wäre eine Möglichkeit.
Oder gibt es noch andere Gruppierungsmöglichkeiten?
Natürlich.
Ich würde ja am liebsten das über die Stylesheets lösen.
Geht sowas? Einfach global das class-Attribut ändern und es wird für alle übernommen?Ja, wenn du einen geeigneten Selektor verwendest, natürlich.
gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }-
Ja, wenn du einen geeigneten Selektor verwendest, natürlich.
was ist ein Selektor? (Jemand, der etwas selektiert...jaaa aber was in Bezug auf JavaScript/CSS)
-
hi,
was ist ein Selektor? (Jemand, der etwas selektiert...jaaa aber was in Bezug auf JavaScript/CSS)
http://de.selfhtml.org/css/formate/zentrale.htm
http://www.w3.org/TR/CSS21/selector.html
http://www.edition-w3c.de/TR/1998/REC-CSS2-19980512/kap05.htmlgruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }-
vieeeelen dank
:o)
-
-
-
-
-