Hi Fellow webmasters
I have a simple vertical menu witch contains 1 sublevel. I really need a second sublevel ( A sublevel to a sublevel)
Anyone out there who heres my cry for help?
Here's the code:
<!-- Beginning of JavaScript -
// INSTRUCTIONS:
// Configure the menu and font parameters for each menublock below.
// each menublock[x] contains all necessary informations to build one menu-item with
// as many sublinks as you like. You can add as many menublocks as you need.
//
// ATTENTION: When you configure the menublocks take care that you
// set the ";" and the "+" as seen below.
// ************************************************** ********************************
var menublock=new Array() // no need to change this
var plus_i=0 // no need to change this
menublock[0]="verdana;"+ // font mainlink
"3;"+ // fontsize mainlink
"ffffff;"+ // fontcolor mainlink
"1;"+ // fontweight mainlink, 1 means bold, 0 means normal
";;;;"+ // leave it empty
"Home|main.html|mainFrame;" // text and URL of mainlink
menublock[1]="verdana;"+ // font mainlink
"2;"+ // fontsize mainlink
"ffffff;"+ // fontcolor mainlink
"1;"+ // fontweight mainlink, 1 means bold, 0 means normal
"verdana;"+ // font sublinks
"2;"+ // fontsize sublinks
"ffffff;"+ // fontcolor sublinks
"0;"+ // fontweight sublinks, 1 means bold, 0 means normal
"Modules|#|;"+ // text|URL|target of mainlink
"-Overview|overview.html|mainFrame;"+ // text|URL|target of mainlink
"-Basic modules|modules.html|mainFrame;"+ // text|URL|target of mainlink
"-Graphics extensions|extensions.html|mainFrame;"+ // text|URL|target of mainlink
"-Tools|tools.html|mainFrame;" // text|URL|target of mainlink
menublock[2]="verdana;"+ // font mainlink
"2;"+ // fontsize mainlink
"ffffff;"+ // fontcolor mainlink
"1;"+ // fontweight mainlink, 1 means bold, 0 means normal
"verdana;"+ // font sublinks
"2;"+ // fontsize sublinks
"ffffff;"+ // fontcolor sublinks
"0;"+ // fontweight sublinks, 1 means bold, 0 means normal
"Standards|#|;"+ // text|URL|target of mainlink
"-Road Noise|road.html|mainFrame;"+ // text|URL|target of mainlink
"-Rail Noise|rail.html|mainFrame;"+ // text|URL|target of mainlink
"-Industry Noise|industry.html|mainFrame;"+ // text|URL|target of mainlink
"-Aircraft Noise|aircraft.html|mainFrame;" // text|URL|target of mainlink
menublock[3]="verdana;"+ // font mainlink
"2;"+ // fontsize mainlink
"ffffff;"+ // fontcolor mainlink
"1;"+ // fontweight mainlink, 1 means bold, 0 means normal
";;;;"+ // leave it empty
"Links|links.html|mainFrame;" // text and URL of mainlink
menublock[4]="verdana;"+ // font mainlink
"2;"+ // fontsize mainlink
"ffffff;"+ // fontcolor mainlink
"1;"+ // fontweight mainlink, 1 means bold, 0 means normal
";;;;"+ // leave it empty
"Brochure|filer/intro.pdf|mainFrame;" // text and URL of mainlink
menublock[5]="verdana;"+ // font mainlink
"2;"+ // fontsize mainlink
"ffffff;"+ // fontcolor mainlink
"1;"+ // fontweight mainlink, 1 means bold, 0 means normal
";;;;"+ // leave it empty
"References|ref.html|mainFrame;" // text and URL of mainlink
menublock[6]="verdana;"+ // font mainlink
"2;"+ // fontsize mainlink
"ffffff;"+ // fontcolor mainlink
"1;"+ // fontweight mainlink, 1 means bold, 0 means normal
";;;;"+ // leave it empty
"FAQ|faq.html|mainFrame;" // text and URL of mainlink
menublock[7]="verdana;"+ // font mainlink
"2;"+ // fontsize mainlink
"ffffff;"+ // fontcolor mainlink
"1;"+ // fontweight mainlink, 1 means bold, 0 means normal
";;;;"+ // leave it empty
"||;" // text and URL of mainlink
menublock[8]="verdana;"+ // font mainlink
"2;"+ // fontsize mainlink
"ffffff;"+ // fontcolor mainlink
"1;"+ // fontweight mainlink, 1 means bold, 0 means normal
";;;;"+ // leave it empty
"||;" // text and URL of mainlink
menublock[9]="verdana;"+ // font mainlink
"2;"+ // fontsize mainlink
"ffffff;"+ // fontcolor mainlink
"1;"+ // fontweight mainlink, 1 means bold, 0 means normal
";;;;"+ // leave it empty
"||;" // text and URL of mainlink
menublock[10]="verdana;"+ // font mainlink
"2;"+ // fontsize mainlink
"ffffff;"+ // fontcolor mainlink
"1;"+ // fontweight mainlink, 1 means bold, 0 means normal
";;;;"+ // leave it empty
"||;" // text and URL of mainlink
menublock[11]="verdana;"+ // font mainlink
"2;"+ // fontsize mainlink
"ffffff;"+ // fontcolor mainlink
"1;"+ // fontweight mainlink, 1 means bold, 0 means normal
";;;;"+ // leave it empty
"||;" // text and URL of mainlink
menublock[12]="verdana;"+ // font mainlink
"2;"+ // fontsize mainlink
"ffffff;"+ // fontcolor mainlink
"1;"+ // fontweight mainlink, 1 means bold, 0 means normal
";;;;"+ // leave it empty
"||;" // text and URL of mainlink
// No need to change anything below
// ************************************************** ********************************
var menusplit
var urlsplit
var font_weight_main
var font_weight_sub
var font_weight_sub
var minusimg=new Image()
minusimg.src="minus131.gif"
var plusimg=new Image()
plusimg.src="plus131.gif"
var showsubmenus=new Array()
for (i=0;i<=menublock.length-1;i++) {
showsubmenus[i]=-1
}
var plusminusimg=new Array()
for (i=0;i<=menublock.length-1;i++) {
plusminusimg[i]=plusimg.src
}
function openandclose(visi) {
showsubmenus[visi]=(-1)*showsubmenus[visi]
var menucontent=""
if (showsubmenus[visi]==1) {plusminusimg[visi]=minusimg.src}
if (showsubmenus[visi]==-1) {plusminusimg[visi]=plusimg.src}
menucontent+="<table border=0>"
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+="<tr><td>"
if (menusplit[9].length==0) {
menucontent+="</td>"
menucontent+="<td>"
menucontent+=font_weight_main
menucontent+="<a href="+urlsplit[1]+" target="+urlsplit[2]+">"
menucontent+="<font face="+menusplit[0]+" color="+menusplit[2]+" size="+menusplit[1]+">"
menucontent+=urlsplit[0]
menucontent+="</font></a></td></tr>"
plus_i++
}
if (menusplit[9].length!=0) {
var thismainmenu=i+plus_i
menucontent+="<a href='javascript
penandclose("+i+")'>"
menucontent+="<img src='"+plusminusimg[i]+"' border=0></a></td>"
menucontent+="<td>"
menucontent+=font_weight_main
menucontent+="<a href='javascript
penandclose("+i+")'>"
menucontent+="<font face="+menusplit[0]+" color="+menusplit[2]+" size="+menusplit[1]+">"
menucontent+=urlsplit[0]
menucontent+="</font></a></td></tr>"
if (showsubmenus[i]==1) {
for (ii=9;ii<=menusplit.length-1;ii++) {
urlsplit=menusplit[ii].split("|")
menucontent+="<tr><td></td><td>"
menucontent+=font_weight_sub
menucontent+="<a href="+urlsplit[1]+" target="+urlsplit[2]+">"
menucontent+="<font face="+menusplit[4]+" color="+menusplit[6]+" size="+menusplit[5]+">"
menucontent+=urlsplit[0]
menucontent+="</font></a></td></tr>"
}
}
}
}
menucontent+="</table>"
if (document.all) {
menu.innerHTML=menucontent
}
if (document.layers) {
document.menu.document.write(menucontent)
document.menu.document.close()
}
}
// - End of JavaScript - -->
