Antworten: 8
Seite [1] |
|
wasgeht Poststar Beiträge: 648 |
# Thema - 13.03.2008 um 14:20 Uhr
hallo zusammen habe mir ein menü gebastelt, was aber leider falsch funktioniert ich möchte dass die buttons nach oben aufgehen, nicht nach unten was muss ich da verändern? mehr... <style type="text/css"> #dropmenudiv{ position:absolute; border:1px solid grey; border-bottom-width: 0; font:normal 10px Verdana; line-height:18px; z-index:100; } #dropmenudiv a{ width: 100%; display: block; text-indent: 3px; border-bottom: 1px solid black; padding: 1px 0; text-decoration: none; } #dropmenudiv a:hover{ /*hover background color*/ background-color: black; } </style> <script type="text/javascript"> /*********************************************** * AnyLink Drop Down Menu- © Dynamic Drive (www.dynamicdrive.com) * This notice MUST stay intact for legal use * Visit http://www.dynamicdrive.com/ for full source code ***********************************************/ //Contents for menu 1 var menu1=new Array() menu1[0]='<a href="index.php">Startseite</a>' menu1[1]='<a href="?mod=board">Forum</a>' menu1[2]='<a href="?mod=files">Downloads</a>' menu1[3]='<a href="?mod=gallery">Galerie</a>' //Contents for menu 2, and so on var menu2=new Array() menu2[0]='<a href="?mod=clans&action=view&id=1">Games</a>' menu2[1]='<a href="?mod=members&action=teams">Teams</a>' menu2[2]='<a href="?mod=members">Members</a>' menu2[3]='<a href="?mod=wars">Clanwars</a>' //Contents for menu 3, and so on var menu3=new Array() menu3[0]='<a href="index.php?mod=contact&action=mail">Webmaster</a>' menu3[1]='<a href="?mod=joinus&action=new">Join us</a>' menu3[2]='<a href="?mod=fightus&action=new">Fight us</a>' menu3[3]='<a href="?mod=gbook">Gästebuch</a>' //Contents for menu 4, and so on var menu4=new Array() menu4[0]='<a href="?mod=linkus">Link us</a>' menu4[1]='<a href="?mod=users">Mitglieder</a>' menu4[2]='<a href="?mod=history">Geschichte</a>' menu4[3]='<a href="?mod=servers">Servers</a>' var menuwidth='93px' //default menu width var menubgcolor='#373737' //menu bgcolor var disappeardelay=250 //menu disappear speed onMouseout (in miliseconds) var hidemenu_onclick="yes" //hide menu when user clicks within menu? /////No further editting needed var ie4=document.all var ns6=document.getElementById&&!document.all if (ie4||ns6) document.write('<div id="dropmenudiv" style="visibility:hidden;width:'+menuwidth+';background-color:' +menubgcolor+'" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></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="+100px" if (menuwidth!="93"){ 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 topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-15 dropmenuobj.contentmeasure=dropmenuobj.offsetHeight if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure){ //move up? edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure) //up no good either? edgeoffset=dropmenuobj.y+obj.offsetHeight-topedge } } 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> testseite hier http://wasgeht-designs.de/Clan/ ------------------ ..............................................Club-HP unter www.zocker-gemeinde.com................................. Zuletzt editiert von wasgeht am 13.03.2008 um 14:20 Uhr (1x Editiert)
|
Inaktiv |
|
ichraffsnicht Supporter Herkunft: Erdeborn bei Lutherstadt Eisleben Beiträge: 3191 |
# Antwort: 1 - 13.03.2008 um 16:49 Uhr
ich empfehle dir ne js-framework. schau dir mal script.aculo.us an ------------------ |
Inaktiv |
|
wasgeht Thread-Ersteller Poststar Beiträge: 648 |
# Antwort: 2 - 13.03.2008 um 17:54 Uhr
sry, aber dass zeugs ist mir völlig fremd evtl. kann man ja da aus dem code etwas machen hier ein auszug vom vorigen post mehr... else{
var topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-15 dropmenuobj.contentmeasure=dropmenuobj.offsetHeight if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure){ //move up? edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure) //up no good either? edgeoffset=dropmenuobj.y+obj.offsetHeight-topedge } ------------------ ..............................................Club-HP unter www.zocker-gemeinde.com................................. |
Inaktiv |
|
ichraffsnicht Supporter Herkunft: Erdeborn bei Lutherstadt Eisleben Beiträge: 3191 |
# Antwort: 3 - 13.03.2008 um 22:06 Uhr
ich vermute mal stark, das du das js ned selbst geschrieben hast, oder? ich sehe gerade... anylink... bastel dir das menü doch selbst, da haste nicht so viele huttelein damit... ------------------ Zuletzt editiert von X-R4Y am 13.03.2008 um 22:07 Uhr (1x Editiert) |
Inaktiv |
|
wasgeht Thread-Ersteller Poststar Beiträge: 648 |
# Antwort: 4 - 14.03.2008 um 17:01 Uhr
nein es ist von http://www.dynamicdrive.com/ ich habe es lediglich angepasst, jedoch verstehe ich nicht was hier gemeint ist mehr... else{ var topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-15 dropmenuobj.contentmeasure=dropmenuobj.offsetHeight if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure){ //move up? edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure) //up no good either? edgeoffset=dropmenuobj.y+obj.offsetHeight-topedge } also ich würde gerne wissen, was ich da um/einstellen muss damit es nach oben aufgeht ------------------ ..............................................Club-HP unter www.zocker-gemeinde.com................................. |
Inaktiv |
|
.snaga Rock the board Beiträge: 79 |
# Antwort: 5 - 30.04.2008 um 22:56 Uhr
was zum henker is ein drop up menü? |
Inaktiv |
|
ichraffsnicht Supporter Herkunft: Erdeborn bei Lutherstadt Eisleben Beiträge: 3191 |
# Antwort: 6 - 01.05.2008 um 03:17 Uhr
prima so nen thread mit deinen post wieder hoch holen.... ------------------ |
Inaktiv |
|
Fr33z3m4n Medal of Honor Herkunft: Hamm Beiträge: 11094 |
# Antwort: 7 - 01.05.2008 um 14:22 Uhr
ist doch ne berechtigte Frage dropdown Drop (runter) dropup drop (hoch) übersetzt Das heißt im Klartext, das Feld wird nicht nach unten aufgeklappt, sondern nach oben, wie es bei einigen Seiten der fall ist, wenn man das Ende der Seite erreicht hat, und ein Dropdown außerhalb des Browsers angezeigt werden würde, dann klappt es nach oben auf. ------------------ mfg Patrick "Fr33z3m4n" Jaskulski Antoine de Saint-Exupéry: Wenn Du ein Schiff bauen willst, so trommle nicht Männer zusammen, um Holz zu beschaffen, Aufgaben zu verteilen, sondern lehre die Männer die Sehnsucht nach dem endlosen weiten Meer. |
Inaktiv |
|
.snaga Rock the board Beiträge: 79 |
# Antwort: 8 - 01.05.2008 um 17:45 Uhr
wieso dann net einfach mit css arbeiten und den kaster mit top befehl über das bild setzen hoffe ihr versteht was ich meine bei uns auf der seite hab ich das so gemacht...leider aber nur im FF Zuletzt editiert von .snaga am 01.05.2008 um 17:46 Uhr (1x Editiert) |
Inaktiv |
|
Antworten: 8
Seite [1] |
Sie müssen sich registrieren, um zu antworten. |