zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden Javascript (Navigation)

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 20.04.2008, 18:13
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 29.10.2007
Beiträge: 39
FreddyOs befindet sich auf einem aufstrebenden Ast
Standard 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>
den oberen button habe ich mit <a href="#" onClick="showit(0)"><img .../></a> bestückt.

Ihr könnt euch das selbst genauer im Quelltext ansehen

Hat wer vllt eine Lösung für mich

mfg
Freddy
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 20.04.2008, 19:20
Benutzerbild von Gumbo
XHTMLforum-Kenner
 
Registriert seit: 22.08.2004
Ort: Trier
Beiträge: 2.733
Gumbo ist jedem bekanntGumbo ist jedem bekanntGumbo ist jedem bekanntGumbo ist jedem bekanntGumbo ist jedem bekanntGumbo ist jedem bekannt
Standard

Abseits deiner eigentliche Frage empfehle ich dir die Navigation auf Basis normaler Listen auszuzeichnen und ihnen erst nachher mit JavaScript die Dynamik zu verleihen.
Daneben solltest du dir auch über die Ladezeiten Gedanken haben. Derzeit werden insgesamt 82 Objekte angefordert, was eindeutig zu viele sind.
__________________
Markus Wulftange
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 20.04.2008, 19:25
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 29.10.2007
Beiträge: 39
FreddyOs befindet sich auf einem aufstrebenden Ast
Standard

hm ja okay, aber hast du vllt eine lösung für mein jetziges problem?

oder kannst du mir erklären wie ich es anders machen könnte? also etwas detaillierter? wäre sehr nett
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 14:13 Uhr.