Hallo,
es sind nun mehr als 24 Stunden her und ich habe mein Menü immer noch nicht :-(
Das Problem ist, dass ich keine Dateien hochladen kann. Ich benutze XOOPS (ein CMS) und dort wollte ich das Menü in einem Block binden. Nun habe ich eine Alternative gefunden. Hier fehlt mir aber das 3.Popup Fenster.
<style> <!--
.menuskin{ position:absolute; width:165px; background-color:menu; border:2px solid black; font:normal 12px Verdana; line-height:18px; z-index:100; visibility:hidden; }
.menuskin a{ text-decoration:none; color:black; padding-left:10px; padding-right:10px; }
#mouseoverstyle{ background-color:highlight; }
#mouseoverstyle a{ color:white; } --> </style>
<script language="JavaScript1.2">
//Pop-it menu- By Dynamic Drive //For full source code and more DHTML scripts, visit http://www.dynamicdrive.com //This credit MUST stay intact for use
var linkset=new Array() //SPECIFY MENU SETS AND THEIR LINKS. FOLLOW SYNTAX LAID OUT
linkset[0]='<div class="menuitems"><a href="http://www.jsunity.de">News anzeigen</a></div>' linkset[0]+='<div class="menuitems"><a href="http://forum.jsunity.de">News schreiben</a></div>' linkset[0]+='<div class="menuitems"><a href="http://forum.jsunity.de">News Archiv</a></div>'
linkset[1]='<div class="menuitems"><a href="http://www.google.de">Termin anzeigen</a></div>' linkset[1]+='<div class="menuitems"><a href="http://www.altavista.com">Termine einsenden</a></div>' linkset[1]+='<div class="menuitems"><a href="http://www.altavista.com">Ausschreibung Turniere</a></div>'
linkset[2]='<div class="menuitems"><a href="http://www.google.de">Allgemeines</a></div>' linkset[2]+='<div class="menuitems"><a href="http://www.altavista.com">Breitensport</a></div>' linkset[2]+='<div class="menuitems"><a href="http://www.altavista.com">Förderverein</a></div>' linkset[2]+='<div class="menuitems"><a href="http://www.altavista.com">Jugendwart</a></div>' linkset[2]+='<div class="menuitems"><a href="http://www.altavista.com">Jugendausschuss</a></div>' linkset[2]+='<div class="menuitems"><a href="http://www.altavista.com">Lehrwart</a></div>' linkset[2]+='<div class="menuitems"><a href="http://www.altavista.com">Lehrausschuss</a></div>' linkset[2]+='<div class="menuitems"><a href="http://www.altavista.com">Pressewart</a></div>' linkset[2]+='<div class="menuitems"><a href="http://www.altavista.com">Schiedsrichter-Obmann</a></div>' linkset[2]+='<div class="menuitems"><a href="http://www.altavista.com">Schulsportausschuss</a></div>' linkset[2]+='<div class="menuitems"><a href="http://www.altavista.com">Seniorenwart</a></div>' linkset[2]+='<div class="menuitems"><a href="http://www.altavista.com">Seniorenausschuss</a></div>' linkset[2]+='<div class="menuitems"><a href="http://www.altavista.com">Sportwart</a></div>' linkset[2]+='<div class="menuitems"><a href="http://www.altavista.com">Sportausschuss</a></div>' linkset[2]+='<div class="menuitems"><a href="http://www.altavista.com">Staffelleiter</a></div>' linkset[2]+='<div class="menuitems"><a href="http://www.altavista.com">Juniorenwart</a></div>' linkset[2]+='<div class="menuitems"><a href="http://www.altavista.com">Juniorenausschuss</a></div>' linkset[2]+='<div class="menuitems"><a href="http://www.altavista.com">Präsidium & Vorstand</a></div>' linkset[2]+='<div class="menuitems"><a href="http://www.altavista.com">Verbandstrainer</a></div>'
linkset[3]='<div class="menuitems"><a href="http://www.google.de">Newsletter</a></div>' linkset[3]+='<div class="menuitems"><a href="http://www.altavista.com">Trainer gesuche</a></div>' linkset[3]+='<div class="menuitems"><a href="http://www.altavista.com">Wechsellisten</a></div>'
linkset[4]='<div class="menuitems"><a href="http://www.altavista.com">Ausschreibungen</a></div>' linkset[4]+='<div class="menuitems"><a href="http://www.altavista.com">Damen & Herren</a></div>' linkset[4]+='<div class="menuitems"><a href="http://www.altavista.com">Jugend & SchülerInnen A</a></div>' linkset[4]+='<div class="menuitems"><a href="http://www.altavista.com">JuniorInnen & U-22 Jahre</a></div>' linkset[4]+='<div class="menuitems"><a href="http://www.altavista.com">SchülerInnen B & C</a></div>' linkset[4]+='<div class="menuitems"><a href="http://www.altavista.com">Senioren</a></div>' linkset[4]+='<div class="menuitems"><a href="http://www.altavista.com">Sonstiges</a></div>' linkset[4]+='<div class="menuitems"><a href=""><b>Formulare</b></a></div>' linkset[4]+='<div class="menuitems"><a href="http://www.altavista.com">Sonstiges</a></div>' linkset[4]+='<div class="menuitems"><a href="http://www.altavista.com">Jugend</a></div>' linkset[4]+='<div class="menuitems"><a href="http://www.altavista.com">Sonstiges</a></div>' linkset[4]+='<div class="menuitems"><a href="http://www.altavista.com">Sonstiges</a></div>'
linkset[5]='<div class="menuitems"><a href="http://www.google.de">Termin anzeigen</a></div>' linkset[5]+='<div class="menuitems"><a href="http://www.altavista.com">Termine einsenden</a></div>'
linkset[6]='<div class="menuitems"><a href="http://www.google.de">Termin anzeigen</a></div>' linkset[6]+='<div class="menuitems"><a href="http://www.altavista.com">Termine einsenden</a></div>'
linkset[7]='<div class="menuitems"><a href="http://www.google.de">Termin anzeigen</a></div>' linkset[7]+='<div class="menuitems"><a href="http://www.altavista.com">Termine einsenden</a></div>'
////No need to edit beyond here
var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1 var ns6=document.getElementById&&!document.all var ns4=document.layers
function showmenu(e,which){
if (!document.all&&!document.getElementById&&!document.layers) return
clearhidemenu()
menuobj=ie4? document.all.popmenu : ns6? document.getElementById("popmenu") : ns4? document.popmenu : "" menuobj.thestyle=(ie4||ns6)? menuobj.style : menuobj
if (ie4||ns6) menuobj.innerHTML=which else{ menuobj.document.write('<layer name=gui bgColor=#E6E6E6 width=165 onmouseover="clearhidemenu()" onmouseout="hidemenu()">'+which+'</layer>') menuobj.document.close() }
menuobj.contentwidth=(ie4||ns6)? menuobj.offsetWidth : menuobj.document.gui.document.width menuobj.contentheight=(ie4||ns6)? menuobj.offsetHeight : menuobj.document.gui.document.height eventX=ie4? event.clientX : ns6? e.clientX : e.x eventY=ie4? event.clientY : ns6? e.clientY : e.y
//Find out how close the mouse is to the corner of the window var rightedge=ie4? document.body.clientWidth-eventX : window.innerWidth-eventX var bottomedge=ie4? document.body.clientHeight-eventY : window.innerHeight-eventY
//if the horizontal distance isn't enough to accomodate the width of the context menu if (rightedge<menuobj.contentwidth) //move the horizontal position of the menu to the left by it's width menuobj.thestyle.left=ie4? document.body.scrollLeft+eventX-menuobj.contentwidth : ns6? window.pageXOffset+eventX-menuobj.contentwidth : eventX-menuobj.contentwidth else //position the horizontal position of the menu where the mouse was clicked menuobj.thestyle.left=ie4? document.body.scrollLeft+eventX : ns6? window.pageXOffset+eventX : eventX
//same concept with the vertical position if (bottomedge<menuobj.contentheight) menuobj.thestyle.top=ie4? document.body.scrollTop+eventY-menuobj.contentheight : ns6? window.pageYOffset+eventY-menuobj.contentheight : eventY-menuobj.contentheight else menuobj.thestyle.top=ie4? document.body.scrollTop+event.clientY : ns6? window.pageYOffset+eventY : eventY menuobj.thestyle.visibility="visible" return false }
function contains_ns6(a, b) { //Determines if 1 element in contained in another- by Brainjar.com while (b.parentNode) if ((b = b.parentNode) == a) return true; return false; }
function hidemenu(){ if (window.menuobj) menuobj.thestyle.visibility=(ie4||ns6)? "hidden" : "hide" }
function dynamichide(e){ if (ie4&&!menuobj.contains(e.toElement)) hidemenu() else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget)) hidemenu() }
function delayhidemenu(){ if (ie4||ns6||ns4) delayhide=setTimeout("hidemenu()",500) }
function clearhidemenu(){ if (window.delayhide) clearTimeout(delayhide) }
function highlightmenu(e,state){ if (document.all) source_el=event.srcElement else if (document.getElementById) source_el=e.target if (source_el.className=="menuitems"){ source_el.id=(state=="on")? "mouseoverstyle" : "" } else{ while(source_el.id!="popmenu"){ source_el=document.getElementById? source_el.parentNode : source_el.parentElement if (source_el.className=="menuitems"){ source_el.id=(state=="on")? "mouseoverstyle" : "" } } } }
if (ie4||ns6) document.onclick=hidemenu
</script>
<div id="popmenu" class="menuskin" onMouseover="clearhidemenu();highlightmenu(event,'on')" onMouseout="highlightmenu(event,'off');dynamichide(event)"> </div> <p style="margin-top: 1; margin-bottom: 1"><a href="http://www.ttvsh.de">Startseite</a></p> <a href="#" onMouseover="showmenu(event,linkset[0])" onMouseout="delayhidemenu()">News</a><br> <a href="#" onMouseover="showmenu(event,linkset[1])" onMouseout="delayhidemenu()">Termine</a><br> <a href="#" onMouseover="showmenu(event,linkset[2])" onMouseout="delayhidemenu()">Informationen</a><br> <a href="#" onMouseover="showmenu(event,linkset[3])" onMouseout="delayhidemenu()">Service</a><br> <a href="#" onMouseover="showmenu(event,linkset[4])" onMouseout="delayhidemenu()">Formulare</a><br> <a href="#" onMouseover="showmenu(event,linkset[5])" onMouseout="delayhidemenu()">Ergebnisse</a><br> <a href="#" onMouseover="showmenu(event,linkset[6])" onMouseout="delayhidemenu()">Breiten- & Schulsport</a><br> <a href="#" onMouseover="showmenu(event,linkset[7])" onMouseout="delayhidemenu()">Aus- & Fortbildung</a><br> <a href="#" onMouseover="showmenu(event,linkset[8])" onMouseout="delayhidemenu()">Links</a><br>