nicht angemeldet
Finde den fehler nicht. javascript / html / css
Hi
nächstes problem. ich hab eine css basierende navigationsleiste gestlte und mir dann hier von selfhtml das java script für den ie kopier.(um unterpunkte auszublenden.)
hat auch ganz gut funktionier aber jetzt geht es nicht mehr und ich weiß nicht wo ich den fehler gemacht habe.
--------------Das Javascript----------------------
</script>
<script type="text/javascript">
if(window.navigator.systemLanguage && !window.navigator.language) {
function hoverIE() {
var LI = document.getElementById("Nav").firstChild;
do {
if (sucheUL(LI.firstChild)) {
LI.onmouseover=einblenden; LI.onmouseout=ausblenden;
}
LI = LI.nextSibling;
}
while(LI);
}
function sucheUL(UL) {
do {
if(UL) UL = UL.nextSibling;
if(UL && UL.nodeName == "UL") return UL;
}
while(UL);
return false;
}
function einblenden() {
var UL = sucheUL(this.firstChild);
UL.style.display = "block"; UL.style.backgroundColor = "silver";
}
function ausblenden() {
sucheUL(this.firstChild).style.display = "none";
}
window.onload=hoverIE;
}
</script>
-------------------------HTML Code---------------------
<ul id="Nav">
<li>Schüler
<ul>
<li><a href="#" target="haupt">Ausland</a></li>
<li><a href="#">Schülerzeitung</a></li>
<li><a href="#">Von Schüler für Schüler</a></li>
<li><a href="#">Junior</a></li>
<li><a href="#">Klausurenplan</a></li>
<li><a href="#">Ehemalige</a></li>
<li><a href="#">AGs </a></li>
</ul>
</li>
<li>Schulansicht
<ul>
<li><a href="#">Adresse</a></li>
<li><a href="#">Schule 3D</a></li>
<li><a href="#">Grundriss</a></li>
<li><a href="#">Standort</a></li>
<li><a href="#">Fotos </a></li>
</ul>
</li>
<li>Lehrer
<ul>
<li><a href="lehrer/schilf/start.htm" target="haupt">Schilff</a></li>
<li><a href="#">Schulleitung</a></li>
<li>Ehemalige</li>
<li>Kollegium</li>
<li>Referendariat</li>
</ul>
</li>
<li>Informatioen
<ul>
<li>Schulfahrten</li>
<li>Euopaschule</li>
<li>Energiesparprojekt</li>
<li>Projektwoche</li>
<li>Hausordnung</li>
<li>Oberstufe / Abitur</li>
<li>Förderferein</li>
<li>Sponsoren</li>
<li>Termiene</li>
<li>Klausurenülan</li>
<li>Partnerschulen</li>
<li>Gesetze / Behörden</li>
<li>AG-Übersicht</li>
<li>Schulleitng </li>
</ul>
</li>
<li>Archiv
<ul>
<li>Projektwochen</li>
<li>Fahrten</li>
<li>Veranstaltungen</li>
<li>Elterninfos</li>
<li>Terminpläne</li>
<li>Schilff</li>
<li>Junior</li>
<li>Schülerzeitung</li>
</ul>
</li>
<li><a href="#">Index</a></li>
</ul>
-----------------------CSS Code-----------------------
ul#Nav {
margin: 0;
padding: 0;
font-size:12px;
display:block;
padding-left: 20px;
list-style-image:url(../pics/nav/pfeil.gif);
list-style-position:outside;
}
ul#Nav a:link, ul#Nav a:visited {
color:#000000;
text-decoration:none;
}
ul#Nav a:hover, ul#Nav a:active {
color:#000000;
text-decoration:none;
}
ul#Nav li {
list-style: none;
margin: 0; padding: 0;
display:block;
}
ul#Nav li:hover ul {
display:block;
}
ul#Nav li ul {
font-size: 11px;
margin: 0;
padding: 0;
padding-left: 8px;
position:relative;
display:none;
}
ul#Nav li ul a:link, ul#Nav li ul a:visited {
color:#000000;
text-decoration:none;
}
ul#Nav li ul a:hover, ul#Nav li ul a:active {
color:#000000;
text-decoration:none;
font-weight:bold;
}
ul#Nav li ul li {
list-style-image:url(../pics/nav/punkt.gif);
list-style-position:outside;
margin: 0;
padding: 0;
display:block;
}
MFG
Ernie
-
Hi Ernie,
nächstes problem. ich hab eine css basierende navigationsleiste gestlte und mir dann hier von selfhtml das java script für den ie kopier.(um unterpunkte auszublenden.)
Dieser Satz ist leider nicht mehr verständlich, bitte versuche wenigstens im Ansatz eine korrekte Schreibweis zu verwenden, damit man deinen Text auch lesen kann.
hat auch ganz gut funktionier aber jetzt geht es nicht mehr und ich weiß nicht wo ich den fehler gemacht habe.
Was funktioniert nicht? Ich habe deine Codeteile einfach mal ausprobiert und bekomme ein Menu, welches Unterpunkte aufklappt und beim Hover über den nächsten Link diese wieder zuklappt.
Wenn man davon absieht, dass man sehr genau treffen muss um nicht ständig zwischen den aufgeklappten Menus zu springen, fällt mir nichts auf, was nicht funktioniert.ciao
romy-
Sry war eben ein bischen im streß und hab nicht auf rechtschreibung geachtet.
Aber zum thema.
Ich habs auch mal in ein neues dokument kopiert und es ging wieder. Im meine eigentlichen document funktioniert es aber nicht. ich werde es mal auf eine server hoch laden. http://test.copparation.de/index.htmlVieleicht liegt es ja an anderen java scripts die dort dirn sind.
Aber danke schon mal damit kann mann das java script von hier schonmal ausschließe.
mfg
ernie
-
Hi Ernie,
Sry war eben ein bischen im streß und hab nicht auf rechtschreibung geachtet.
Bist immernoch im STress, was ;)
http://test.copparation.de/index.html
Ich sehe, wa du meinst, es passiert rein gar nichts.
Vieleicht liegt es ja an anderen java scripts die dort dirn sind.
Nein, wenn man diese in das Einzeldokument einfügt, klappt es trotzdem.
Ich vermute, dass die Bedingung "if(window.navigator.systemLanguage && !window.navigator.language)" vielleicht nicht erfüllt wird,das könntest du herausfinden, in dem du mal ein alert() einbaust.
Oder aber, dass die Struktur ein Aufklappen verhindert, damit kenne ich mich aber zu wenig aus.
Was sich mir nicht erschliesst ist, warum du in rubriken.js dasselbe stehen hast wie direkt im Kopf der Datei?ciao
romy-
Ok ich hab nochmal ne neue datei hoch geladen.
Wenn ich den onload im body tag rausnehme funktioniert es wieder.
Dass das stylesheet 2 mal da war war ein versehen.
Naja vieleicht findet ja jemand anderes ne lösung.
Danke erst mal
-
Hi,
Wenn ich den onload im body tag rausnehme funktioniert es wieder.
gut! Das hast Du nun also erkannt - nur offensichtlich den Grund nicht, nämlich dass Du die Anweisung window.onload=hoverIE; damit überschreibst.
freundliche Grüße
Ingo-
Hi ingo
danke das liegt daran das ich das script mit dem window.onload=hoverIE; nur kopiert hab und es mir deshalb nicht aufgefallen ist.
Danke
mfg
Ernie
-
-
-
-
-
