mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 09.02.2023 07:50 Benutzername: Passwort: Auto-Login

Thema: Code für drop down menü funktioniert nicht vom 17.04.2009


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> Code für drop down menü funktioniert nicht
Autor Nachricht
lb-fc
Threadersteller

Dabei seit: 10.11.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 17.04.2009 17:30
Titel

Code für drop down menü funktioniert nicht

Antworten mit Zitat Zum Seitenanfang

Hallo,

ich hab eben mein Drop- Down Menü versucht zu coden, was soweit auch ganz gut geklappt hat, allerdings hab ich ein kleines Problem. Wenn ich den Code im Editor auf meinem PC bearbeite funktioniert der Code und auch die Navi zeigt sich, tu ich den Code jedoch bei Oyla rein funktioniert er nicht mehr.
Ich hatte diesen Code schon einmal allerdings hatte ich das da nicht mit img sondern mit href gemacht bei den Buttons....

Außerdem öffnen sich die Seiten immer in einem neuen Fenster. Das ja eigentlich mit target_"self" gelöst werden könnte doch es funktioniert nicht.

Die Navigation besteht bislang noch nicht aus allen Punkten und es wurde auch überall der gleiche Link angegeben.

Liebe Grüße


Code:
<html>

<head>
   <title>Ludger Beerbaum Fanclub</title>
   
<style>
body {
  color: #990404;
  text-align : center;
  font-size: 10px;
  font-family: Arial;
  background-attachment: fixed;
background: url(http://www.oyla14.de/userdaten/20840104/bilder/VERLANGERUNG.jpg) top 120; left 90 ; repeat-y,
  scrollbar-3dlight-color: #98AB73;
  scrollbar-arrow-color: #98AB73;
  scrollbar-darkshadow-color: #98AB73;
  scrollbar-face-color: #98AB73;
  scrollbar-highlight-color: #98AB73;
  scrollbar-shadow-color: #667152;
  scrollbar-track-color: #98AB73; font-style:normal; font-variant:normal; font-weight:normal

  }
 
   A:link { color: #A6855C; text-decoration: none; }
 A:visited { color: #A6855C; text-decoration: none; }
 A:active { color: #A6855C; text-decoration: none; }
 A:hover { color: #A6855C; text-decoration: none; }

 #dropmenudiv{
position:absolute;
border: 0px solid #E1E6E6;
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: 0px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}


#dropmenudiv a:hover{ /*hover background color*/
background-color: #D0DCB8;
}




</style>

<script type="text/javascript">

//

//
var menu1=new Array()
menu1[0]='<a href="http://www.oyla14.de/cgi-bin/eigenes.cgi?page=text&id=47633483&userid=20840104">Startseite</a>'
menu1[1]='<a href="http://www.oyla14.de/cgi-bin/eigenes.cgi?page=text&id=47633483&userid=20840104">Impressum</a>'
menu1[2]='<a href="http://www.oyla14.de/cgi-bin/eigenes.cgi?page=text&id=47633483&userid=20840104" >Kontakt</a>'
menu1[3]='<a href="http://www.oyla14.de/cgi-bin/eigenes.cgi?page=text&id=47633483&userid=20840104">Autogramme</a>'
menu1[4]='<a href="http://www.oyla14.de/cgi-bin/eigenes.cgi?page=text&id=47633483&userid=20840104" >Gästebuch</a>'
menu1[5]='<a href="http://www.oyla14.de/cgi-bin/eigenes.cgi?page=text&id=47633483&userid=20840104" >Forum</a>'
menu1[6]='<a href="http://www.stallkamera.de/beerbaum/goldfever.html" >Chat</a>'
menu1[7]='<a href="http://www.stallkamera.de/beerbaum/goldfever.html" >Umfrage</a>'
menu1[8]='<a href="http://www.oyla14.de/cgi-bin/eigenes.cgi?page=text&id=47633483&userid=20840104" >Sitemap</a>'
menu1[9]='<a href="http://www.oyla14.de/cgi-bin/eigenes.cgi?page=text&id=47633483&userid=20840104" >Links</a>'
menu1[10]='<a href="http://www.oyla14.de/cgi-bin/eigenes.cgi?page=text&id=47633483&userid=20840104" >Banner/Verlinkung</a>'

//Inhalt Menü2 Bei uns ist das Persönlich
var menu2=new Array()
menu2[0]='<a href="http://www.oyla14.de/cgi-bin/eigenes.cgi?page=text&id=47633483&userid=20840104" >Vita</a>'
menu2[1]='<a href="http://www.oyla14.de/cgi-bin/eigenes.cgi?page=text&id=47633483&userid=20840104" >Rückblicke</a>'
menu2[2]='<a href="http://www.oyla14.de/cgi-bin/eigenes.cgi?page=text&id=47633483&userid=20840104" >Team</a>'
menu2[3]='<a href="http://www.oyla14.de/cgi-bin/eigenes.cgi?page=text&id=47633483&userid=20840104" >Anlage</a>'
menu2[4]='<a href="http://www.oyla14.de/cgi-bin/eigenes.cgi?page=text&id=47633483&userid=20840104" >Sponsoren</a>'
menu2[5]='<a href="http://www.oyla14.de/cgi-bin/eigenes.cgi?page=text&id=47633483&userid=20840104" >Rückblicke</a>'
menu2[6]='<a href="http://www.oyla14.de/cgi-bin/eigenes.cgi?page=text&id=47633483&userid=20840104" >Galerie</a>'
menu2[7]='<a href="http://www.oyla14.de/cgi-bin/eigenes.cgi?page=text&id=47633483&userid=20840104" >Videos</a>'
menu2[8]='<a href="http://www.oyla14.de/cgi-bin/eigenes.cgi?page=text&id=47633483&userid=20840104" >Charity</a>'
menu2[9]='<a href="http://www.stallkamera.de/beerbaum/goldfever.html" >Goldfever Kamera</a>'

//Inhalt Menü3 Bei uns ist das Pferde
var menu3=new Array()
menu3[0]='<a href="http://www.oyla14.de/cgi-bin/eigenes.cgi?page=text&id=47633483&userid=20840104" >Cracks</a>'
menu3[1]='<a href="http://www.oyla14.de/cgi-bin/eigenes.cgi?page=text&id=47633483&userid=20840104" >Oldies</a>'
menu3[2]='<a href="http://www.oyla14.de/cgi-bin/eigenes.cgi?page=text&id=47633483&userid=20840104" >Youngster</a>'

//Inhalt Menü4 Bei uns ist das Aktuelles
var menu4=new Array()
menu4[0]='<a href="http://www.oyla14.de/cgi-bin/eigenes.cgi?page=text&id=47633483&userid=20840104" >Ludger Beerbaum NEWS</a>'
menu4[1]='<a href="http://www.oyla14.de/cgi-bin/eigenes.cgi?page=text&id=47633483&userid=20840104">Turnierplan</a>'
menu4[2]='<a href="http://www.oyla14.de/cgi-bin/eigenes.cgi?page=text&id=47633483&userid=20840104" >TV-Zeiten</a>'
menu4[3]='<a href="http://www.oyla14.de/cgi-bin/eigenes.cgi?page=text&id=47633483&userid=20840104" >Weltrangliste</a>'
menu4[4]='<a href="http://www.oyla14.de/cgi-bin/eigenes.cgi?page=text&id=47633483&userid=20840104" >HP-News</a>'


//Inhalt Menü5 Bei uns ist das Fanclub
var menu5=new Array()
menu5[0]='<a href="http://www.oyla14.de/cgi-bin/eigenes.cgi?page=text&id=47633483&userid=20840104"  >VIP-LOGIN</a>'
menu5[1]='<a href="http://www.oyla14.de/cgi-bin/eigenes.cgi?page=text&id=47633483&userid=20840104" >Fanclubteam</a>'
menu5[2]='<a href="http://www.oyla14.de/cgi-bin/eigenes.cgi?page=text&id=47633483&userid=20840104" >Faq</a>'
menu5[3]='<a href="http://www.oyla14.de/cgi-bin/eigenes.cgi?page=text&id=47633483&userid=20840104" >Vorteile der Mitgliedschaft</a>'
menu5[4]='<a href="http://www.oyla14.de/cgi-bin/eigenes.cgi?page=text&id=47633483&userid=20840104" >Anmeldeformular</a>'
menu5[5]='<a href="http://www.oyla14.de/cgi-bin/eigenes.cgi?page=text&id=47633483&userid=20840104" >Fanclublogo</a>'
menu5[4]='<a href="http://www.oyla14.de/cgi-bin/eigenes.cgi?page=text&id=47633483&userid=20840104" >Fanclubpass</a>'
menu5[5]='<a href="http://www.oyla14.de/cgi-bin/eigenes.cgi?page=text&id=47633483&userid=20840104" >Mitglieder</a>'


var menuwidth='165px' //
var menubgcolor='#D0DCB8' //
var disappeardelay=250 //
var hidemenu_onclick="yes" //

/////

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="-500px"
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 topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset
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){ //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>



</head>

<body>

</div>
     <img src="http://www.oyla14.de/userdaten/20840104/bilder/layout_lb.jpg" width="1000" height="700" border="0" >


<div id="Layer1" style="position: absolute; left: 235px; top: 407px">

 </a> <img src="http://www.oyla14.de/userdaten/20840104/bilder/willkommen.png"onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu1, '150px')" onMouseout="delayhidemenu()"></a>

</a> <img src="http://www.oyla14.de/userdaten/20840104/bilder/persOnlich.png" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu2, '150px')" onMouseout="delayhidemenu()"></a>

<a/> <img src="http://www.oyla14.de/userdaten/20840104/bilder/pferde.png" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu3, '150px')" onMouseout="delayhidemenu()"></a>

<a/> <img src="http://www.oyla14.de/userdaten/20840104/bilder/aktuelles.png" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu4, '150px')" onMouseout="delayhidemenu()"></a>

<a/> <img src="http://www.oyla14.de/userdaten/20840104/bilder/community.png"  onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu5, '150px')" onMouseout="delayhidemenu()"></a>

<a/> <img src="http://www.oyla14.de/userdaten/20840104/bilder/serrvice.png" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu5, '150px')" onMouseout="delayhidemenu()"></a>

<a/> <img src="http://www.oyla14.de/userdaten/20840104/bilder/fanclub.png" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu5, '150px')" onMouseout="delayhidemenu()"></a>


</div>


      <!-- Start Content -->
                                <div style="overflow: auto; position: absolute; width: 530px; height: 0px; left: 5px; top: 470px">
                               <span style="font-family:Arial; font-size:12px;color:#000000">%content%</span>
                                   </div>
                                   <!-- End Content -->
                                   





</body>

</html>
  View user's profile Private Nachricht senden
ApfelQFeierabend

Dabei seit: 05.04.2008
Ort: Regensburg
Alter: 35
Geschlecht: Männlich
Verfasst Sa 18.04.2009 11:15
Titel

Antworten mit Zitat Zum Seitenanfang

machs einfach so

Code:

ul > li > ul{
display : none;
}
ul > li:hover > ul{
display : block;
}

<ul>
<li>punkt1</li>
<li>punkt2
<ul>
<li>unterpunkt1</li>
</ul>
</li>
<li>punkt3</li>
</ul>
  View user's profile Private Nachricht senden
Anzeige
Anzeige
 
Ähnliche Themen CSS Drop Down Menü
Drop Down Menü
Drop-Down Menü
Art drop down menü?
Drop Down Menü
Problem mit Drop-Down Menü [CSS]
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.