Dropdownmenu Problem @ tutorials.de: Tutorials, Forum & Hilfe

Hunimou · 12.09.05 21:01

Hi ich hab folgendes dropdownmenu das beim überfahren eines links aufklappt:

Code :

 
 
 
 //Contents for menu 1
 var menu1=new Array()
 menu1[0]='<table border=0><tr><td><span>Dauer:</span></td><td><b><? echo "<div class=div1>$dauerarme</div>";?></b></td></tr>'
 menu1[1]='<tr><td><span>Ende:</span></td><td><b><? echo "<div class=div1>$endearme </div>"?></b></td></tr>'
 
 
 var menu2=new Array()
 menu2[0]='<table border=0><tr><td><span>Dauer:</span></td><td><b><? echo "<div class=div1>$dauerbeine</div>";?></b></td></tr>'
 menu2[1]='<tr><td><span>Ende:</span></td><td><b><? echo "<div class=div1>$endebeine </div>"?></b></td></tr>'
 
 
 var menu3=new Array()
 menu3[0]='<table border=0><tr><td><span>Dauer:</span></td><td><b><? echo "<div class=div1>$dauerkontern</div>";?></b></td></tr>'
 menu3[1]='<tr><td><span>Ende:</span></td><td><b><? echo "<div class=div1>$endekontern </div>"?></b></td></tr>'
 
 var menu4=new Array()
 menu4[0]='<table border=0><tr><td><span>Dauer:</span></td><td><b><? echo "<div class=div1>$daueroberkoerper</div>";?></b></td></tr>'
 menu4[1]='<tr><td><span>Ende:</span></td><td><b><? echo "<div class=div1>$endeoberkoerper </div>"?></b></td></tr>'
 
 var menu5=new Array()
 menu5[0]='<table border=0><tr><td><span>Dauer:</span></td><td><b><? echo "<div class=div1>$dauerduellieren</div>";?></b></td></tr>'
 menu5[1]='<tr><td><span>Ende:</span></td><td><b><? echo "<div class=div1>$endeduellieren </div>"?></b></td></tr>'
 
 var menu6=new Array()
 menu6[0]='<table border=0><tr><td><span>Dauer:</span></td><td><b><? echo "<div class=div1>$dauersegeln</div>";?></b></td></tr>'
 menu6[1]='<tr><td><span>Ende:</span></td><td><b><? echo "<div class=div1>$endesegeln </div>"?></b></td></tr>'
 
 var menu7=new Array()
 menu7[0]='<table border=0><tr><td><span>Dauer:</span></td><td><b><? echo "<div class=div1>$dauernavigieren</div>";?></b></td></tr>'
 menu7[1]='<tr><td><span>Ende:</span></td><td><b><? echo "<div class=div1>$endenavigieren </div>"?></b></td></tr>'
 
 var menu8=new Array()
 menu8[0]='<table border=0><tr><td><span>Dauer:</span></td><td><b><? echo "<div class=div1>$dauerfeilschen</div>";?></b></td></tr>'
 menu8[1]='<tr><td><span>Ende:</span></td><td><b><? echo "<div class=div1>$endefeilschen </div>"?></b></td></tr>'
 
 var menu9=new Array()
 menu9[0]='<table border=0><tr><td><span>Dauer:</span></td><td><b><? echo "<div class=div1>$dauergeschicklichkeit</div>";?></b></td></tr>'
 menu9[1]='<tr><td><span>Ende:</span></td><td><b><? echo "<div class=div1>$endegeschicklichkeit </div>"?></b></td></tr>'
 
 var menu10=new Array()
 menu10[0]='<table border=0><tr><td><span>Dauer:</span></td><td><b><? echo "<div class=div1>$dauerschlafen</div>";?></b></td></tr>'
 menu10[1]='<tr><td><span>Ende:</span></td><td><b><? echo "<div class=div1>$endeschlafen </div>"?></b></td></tr>'
 
 var menu11=new Array()
 menu11[0]='<table border=0><tr><td><span>Dauer:</span></td><td><b><? echo "<div class=div1>$dauerheilen</div>";?></b></td></tr>'
 menu11[1]='<tr><td><span>Ende:</span></td><td><b><? echo "<div class=div1>$endeheilen </div>"?></b></td></tr>'
 
 
    
 var menuwidth='150px' //default menu width
 var menubgcolor='lightyellow'  //menu bgcolor
 var disappeardelay=250  //menu disappear speed onMouseout (in miliseconds)
 var hidemenu_onclick="yes" //hide menu when user clicks within menu?
 
 
 var ie4=document.all
 var ns6=document.getElementById&&!document.all
 
 if (ie4||ns6)
 document.write('<div style="position:absolute; left:40px;top:-50px;"><div id="dropmenudiv" style=";visibility:hidden;width:'+menuwidth+';background-color:'+menubgcolor+'" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)" ></div></div>')
 
 function getposOffset(what, offsettype){
 var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
 var parentEl=what.offsetParent;
 while (parentEl!=null){
 totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
 parentEl=parentEl.offsetParent;
 }
 return totaloffset;
 }
 
 
 function showhide(obj, e, visible, hidden, menuwidth){
 if (ie4||ns6)
 dropmenuobj.style.left=dropmenuobj.style.top=-500
 if (menuwidth!=""){
 dropmenuobj.widthobj=dropmenuobj.style
 dropmenuobj.widthobj.width=menuwidth
 }
 if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
 obj.visibility=visible
 else if (e.type=="click")
 obj.visibility=hidden
 }
 
 function iecompattest(){
 return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
 }
 
 function clearbrowseredge(obj, whichedge){
 var edgeoffset=0
 if (whichedge=="rightedge"){
 var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
 dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
 if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
 edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth
 }
 else{
 var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
 dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
 if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure)
 edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight
 }
 return edgeoffset
 }
 
 function populatemenu(what){
 if (ie4||ns6)
 dropmenuobj.innerHTML=what.join("")
 }
 
 
 function dropdownmenu(obj, e, menucontents, menuwidth){
 if (window.event) event.cancelBubble=true
 else if (e.stopPropagation) e.stopPropagation()
 clearhidemenu()
 dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv
 populatemenu(menucontents)
 
 if (ie4||ns6){
 showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)
 dropmenuobj.x=getposOffset(obj, "left")
 dropmenuobj.y=getposOffset(obj, "top")
 dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
 dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
 }
 
 return clickreturnvalue()
 }
 
 function clickreturnvalue(){
 if (ie4||ns6) return false
 else return true
 }
 
 function contains_ns6(a, b) {
 while (b.parentNode)
 if ((b = b.parentNode) == a)
 return true;
 return false;
 }
 
 function dynamichide(e){
 if (ie4&&!dropmenuobj.contains(e.toElement))
 delayhidemenu()
 else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
 delayhidemenu()
 }
 
 function hidemenu(e){
 if (typeof dropmenuobj!="undefined"){
 if (ie4||ns6)
 dropmenuobj.style.visibility="hidden"
 }
 }
 
 function delayhidemenu(){
 if (ie4||ns6)
 delayhide=setTimeout("hidemenu()",disappeardelay)
 }
 
 function clearhidemenu(){
 if (typeof delayhide!="undefined")
 clearTimeout(delayhide)
 }
 
 if (hidemenu_onclick=="yes")
 document.onclick=hidemenu
 
 </script>
 </head>

So sieht ein Link aus

Code :

1	<a href="bla" onMouseover="dropdownmenu(this, event, menu10, '')" onMouseout=\delayhidemenu()" ></a>

nun zu meinem Problem:
Ich lese vile User aus eine Db aus und lasse sie ausgeben.Jedem einzelnen User ist ein Link beigefügt.Nun will ich dass sich bei jedem user das gleiche Menu öffnet nur dementsprechend mit den speziellen Werten des Users in sich.
Also beim ersten User soll sich ein Menu mit wert1 öffnen und beim 2.user ein menu mit wert2...usw.
bisher hab ich das so geregelt das jeder User ein extra menu hat,deswegen die 10 verschiedenen Menus.Meine Frage ist nun wie ich es schaffe dass die Werte eines jeden user je nach user im menu stehen .hab woanders gelsesn dass die Daten per php unten in den link eingetragen werden und dass dann einen java script funktion oben die daten empfängt.Leider hab ich gar keine Ahnug wie so ein Script aussehen soll

Sven Mintel · 13.09.05 15:50

Ich hab jetzt 2 Nachfragen von dir entfernt. Bei der 3. ist das ganze Thema weg.

Details dazu findest du in der Netiquette.

tut orials.de	tut verbinden	tut dir helfen	tut kooperieren
©2000-2012 tutorials.de Alle Rechte vorbehalten	tut informieren » Impressum » Nutzungsregeln » Netiquette » Team » Redaktion	» Tutorials » Videotutorials » Showroom » Events & Contests » Chat » RSS-Feed » Blogs	» der-webdesigner.net » DesignerInAction » Design Nation » Directorforum » Flashhilfe » PHP-Resource » PHPwelt » PSD-Tutorials

Themen-Optionen

Anzeige

Ähnliche Themen

Dropdownmenu nicht zu sehen, Layer-Order-Problem

dropdownmenu mit css formatieren

Problem mit CSS Dropdownmenu

Problem mit Dropdownmenu

Dropdownmenu mit Hintergrundbild

E-Mail:

Abonnieren Abbestellen