|
|||
Javascript (Navigation)
Halo zusammen, ich hab da mal ne kleine frage
und zwar: ich habe hier ein Design angefangen zu coden und hänge etwas bei der navi. Erstmal der Link: Unbenanntes Dokument Und zwar möchte ich, wenn man auf einen Naviunterpunkt klickt, dass die Navi bestehend bleibt. Also die Subnavi. Ich habs mal mit <body onload="showit(0),showit(1),showit(2),showit(3),sh owit(4)"> versucht, jedoch springt nach jedem klick dann die navi auf die Navi nummer 4 um. hier das javascript, muss ich da iwo was ändern damit das geht? Code:
<script language="JavaScript1.2"> var submenu=new Array() submenu[0]='<ul style="display:block; margin:0px; padding:0px;"><li style="display:block; height:21px;"><a href="?site=news"><img src="Bilder/home.jpg" border="0" /></a></li><li style="display:block; height:20px;"><a href="?site=links"><img src="Bilder/links.jpg" border="0"/></a></li><li style="display:block; height:18px;"><a href="?aboutus="><img src="Bilder/about.jpg" border="0"/></a></li><li style="display:block; height:20px;"><a href="?site=news"><img src="Bilder/newsarchive.jpg" border="0"/></a></li>' submenu[1]='<ul style="display:block; margin:0px; padding:0px;"><li style="display:block; height:21px;"><a href="?site=squads"><img src="Bilder/teams.jpg" border="0"/></a></li><li style="display:block; height:20px;"><a href="?site=clanwars"><img src="Bilder/matches.jpg" border="0"/></a></li><li style="display:block; height:18px;"><a href="?site=calendar"><img src="Bilder/calendar.jpg" border="0"/></a></li><li style="display:block; height:20px;"><a href="?site=history"><img src="Bilder/history.jpg" border="0"/></a></li><li style="display:block; height:18px;"><a href="?site=awards"><img src="Bilder/awards.jpg" border="0" /></a></li><li style="display:block; height:20px;"><a href="?site=challenge"><img src="Bilder/fightus.jpg" border="0" /></a></li><li style="display:block; height:18px;"><a href="?site=joinus"><img src="Bilder/joinus.jpg" border="0" /></a></li>' submenu[2]='<ul style="display:block; margin:0px; padding:0px;"><li style="display:block; height:21px;"><a href="?site=server"><img src="Bilder/server.jpg" border="0"/></a></li><li style="display:block; height:20px;"><a href="?site=ts2"><img src="Bilder/ts.jpg" border="0" /></a></li><li style="display:block; height:18px;"><a href="?site=meetyourserver"><img src="Bilder/meet.jpg" border="0" /></a></li>' submenu[3]='<ul style="display:block; margin:0px; padding:0px;"><li style="display:block; height:20px;"><a href="?site=turinier"><img src="Bilder/turnier.jpg" border="0" /></a></li><li style="display:block; height:20px;"><a href="?site=ergebnisse"><img src="Bilder/ergebnisse.jpg" border="0" /></a></li><li style="display:block; height:18px;"><a href="?site=anmleden"><img src="Bilder/anmelden.jpg" border="0" /></a></li><li style="display:block; height:20px;"><a href="?site=teamanmelden"><img src="Bilder/teaman.jpg" border="0" /></a></li><li style="display:block; height:18px;"><a href="?site=awards"><img src="Bilder/auszeichnungen.jpg" border="0" /></a></li><li style="display:block; height:20px;"><a href="?site=guestbook"><img src="Bilder/guestbook.jpg" border="0" /></a></li><li style="display:block; height:18px;"><a href="?site=forum"><img src="Bilder/forum.jpg" border="0"/></a></li><li style="display:block; height:20px;"><a href="?site=contact"><img src="Bilder/kontakt.jpg" border="0"/></a></li><li style="display:block; height:18px;"><a href="?site=sponsor"><img src="Bilder/sponsor.jpg" border="0"/></a></li>' submenu[4]='<ul style="display:block; margin:0px; padding:0px;"><li style="display:block; height:21px;"><a href="?site=gallery"><img src="Bilder/gallery.jpg" border="0" /></a></li><li style="display:block; height:20px;"><a href="?site=demos"><img src="Bilder/videos.jpg" border="0"/></a></li><li style="display:block; height:18px;"><a href="?site=files"><img src="Bilder/dls.jpg" border="0" /></a></li></ul>' var delay_hide=5000 var menuobj=document.getElementById? document.getElementById("describe") : document.all? document.all.describe : document.layers? document.dep1.document.dep2 : "" function showit(which){ clear_delayhide() thecontent=(which==-1)? "" : submenu[which] if (document.getElementById||document.all) menuobj.innerHTML=thecontent else if (document.layers){ menuobj.document.write(thecontent) menuobj.document.close() } } function resetit(e){ if (document.all&&!menuobj.contains(e.toElement)) delayhide=setTimeout("showit(-1)",delay_hide) else if (document.getElementById&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget)) delayhide=setTimeout("showit(-1)",delay_hide) } function clear_delayhide(){ if (window.delayhide) clearTimeout(delayhide) } function contains_ns6(a, b) { while (b.parentNode) if ((b = b.parentNode) == a) return true; return false; } </script> Ihr könnt euch das selbst genauer im Quelltext ansehen Hat wer vllt eine Lösung für mich mfg Freddy |
Sponsored Links |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Problem mit Navigation | safari | CSS | 12 | 20.04.2011 12:11 |
Float-Problem? | mischaef | CSS | 33 | 20.10.2010 17:20 |
Problem mit FlyOut Menu im IE7 | quarki69 | CSS | 5 | 15.03.2010 16:46 |
Javascript UL Navigation im IE6 | ven | CSS | 7 | 29.04.2008 16:29 |
Container mit 2 Container darin -> Hintergrund anzeigen | bendar | CSS | 4 | 05.04.2005 19:18 |