News - Features - Downloads - Forum - Team - Support - Switch View: Screen
Login - Registrierung - Passwort vergessen

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 ClanSphere Team

Supporter
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 ClanSphere Team

Supporter
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 ClanSphere Team 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 ClanSphere Team

Supporter
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 ClanSphere Team


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.


ClanSphere Project - Mailus - Imprint - Disclaimer - Scriptinfo