Hallo,
habe folgendes Problem...ich möchte ein JavaScript menü erstellen das bei klick auf ein menüpunkt unterpunkte ausfährt und bei den unterpunkten wieder unterpunkte ausfahren kann (verständlich???)...
habe es auch hinbekommen ein script menü zu schreiben das mir unterpunkte "ausfährt"..aber wie bekomme ich jetzt zu den unterpunkten die unterpunkte ??? bräuchte also ein verschachteltes menü
Hier mein bisheriger quellcode schauts euch mal an (einfach als html Datei speichen...sollte laufen)
<html> <head>
<title> Java-Script Menü</title>
<script language="javascript"> <!--
var menublock=new Array() // no need to change this
menublock[0]="Verdana;"+ // font mainlink "3;"+ // fontsize mainlink "990000;"+ // fontcolor mainlink "1;"+ // fontweight mainlink, 1 means bold, 0 means normal "Verdana;"+ // font sublinks "2;"+ // fontsize sublinks "000000;"+ // fontcolor sublinks "1;"+ // fontweight sublinks, 1 means bold, 0 means normal "Menu-Titel 1|#|;"+ // text|URL|target of mainlink "Link 1|beispiel1.html|_top;"+ // text|URL|target of first sublink "Link 2|beispiel1.html|_top;" // text|URL|target of second sublink
menublock[1]="Verdana;"+ // font mainlink "3;"+ // fontsize mainlink "990000;"+ // fontcolor mainlink "1;"+ // fontweight mainlink, 1 means bold, 0 means normal "Verdana;"+ // font sublinks "2;"+ // fontsize sublinks "000000;"+ // fontcolor sublinks "1;"+ // fontweight sublinks, 1 means bold, 0 means normal "Menu-Titel 2|#;"+ // text and URL of first mainlink "Link 3|beispiel1.html|_top;"+ // text|URL|target of mainlink "Link 4|beispiel1.html|_top;"+ // text|URL|target of first sublink "Link 5|beispiel1.html|_top;"+ // text|URL|target of second sublink "Link 6|beispiel1.html|_top;"+ // text|URL|target of thirth sublink "Link 7|beispiel1.html|_top;" // text|URL|target of fourth sublink
menublock[2]="Verdana;"+ // font mainlink "3;"+ // fontsize mainlink "990000;"+ // fontcolor mainlink "1;"+ // fontweight mainlink, 1 means bold, 0 means normal "Verdana;"+ // font sublinks "2;"+ // fontsize sublinks "000000;"+ // fontcolor sublinks "1;"+ // fontweight sublinks, 1 means bold, 0 means normal "Menu-Titel 3|#;"+ // text and URL of mainlink "Link 9|beispiel1.html|_top;"+ // text and URL of first sublink "Link 10|beispiel1.html|_top;"+ // text and URL of second sublink "Link 11|beispiel1.html|_top;" // text and URL of thirth sublink
var menusplit var urlsplit var font_weight_main var font_weight_sub
var showsubmenus=new Array() for (i=0;i<=menublock.length-1;i++) { showsubmenus[i]=-1 }
function openandclose(visi) { showsubmenus[visi]=(-1)*showsubmenus[visi]
var menucontent=""
for (i=0;i<=menublock.length-1;i++) { menusplit=menublock[i].split(";") urlsplit=menusplit[8].split("|") if (menusplit[3]==1) {font_weight_main="<b>"} if (menusplit[3]==0) {font_weight_main=""} if (menusplit[7]==1) {font_weight_sub="<b>"} if (menusplit[7]==0) {font_weight_sub=""}
menucontent+=font_weight_main+"<a href='javascript:openandclose("+i+")'><font face="+menusplit[0]+" color="+menusplit[2]+" size="+menusplit[1]+">"+urlsplit[0]+"</font></a><br>" if (showsubmenus[i]==1) { for (ii=9;ii<=menusplit.length-1;ii++) { urlsplit=menusplit[ii].split("|") menucontent+=font_weight_sub+" <a href="+urlsplit[1]+" target="+urlsplit[2]+"><font face="+menusplit[4]+" color="+menusplit[6]+" size="+menusplit[5]+">"+urlsplit[0]+"</font></a><br>" } } } if (document.all) { menu.innerHTML=menucontent } if (document.layers) { document.menu.document.write(menucontent) document.menu.document.close() } }
//--> </script> </head>
<body text=#000000 vLink=#885511 aLink=#885511 link=#0000ff bgColor=#ffffff leftMargin=2 topMargin=2 onload=openandclose(10000) margin-height="2" margin-width="2">
<DIV id=menu style="LEFT: 20px; POSITION: absolute; TOP: 20px"></DIV>
</body> </html>
Hoffe ihr könnt was damit anfangen...also ich brauch eigentlich genau das was ich schon habe nochmal für die unterpunkte...kriegs aber ums verrecken nicht hin...wie kann ich das verschachteln ???
Bin echt für jede hilfe dankbar.. Vielen Dank schonmal für eure bemühngen..
Gruß Der Dude