help, im trying to do nested menus,
for example:
when you click on 'macros' 2 options pop up. now when you click one of the
options more options pop up ( in the same format)

so it looks like this

Macros
Download Macros
Macro 1


or
Ticket Modification
Creating Tickets
How to 1
How to 2
prioritizing tickets
updating tickets

and so on. as the script shows.



if you have any ideas on how to implement this, please email me at jpg_biker@hotmail.com
thanks.


copy of javascript enclosed....................


<html>

<head>

<title>Remedy Menu</title>
<script>
<!-- Beginning of JavaScript -

var menublock=new Array() // no need to change this
var plus_i=0 // no need to change this

menublock[0]="Arial;"+ // font mainlink
"3;"+ // fontsize mainlink
"FFFFFF;"+ // fontcolor mainlink
"1;"+ // fontweight mainlink, 1 means bold, 0 means normal
"Arial;"+ // font sublinks
"2;"+ // fontsize sublinks
"C5C5C5;"+ // fontcolor sublinks
"0;"+ // fontweight sublinks, 1 means bold, 0 means normal
"Macros|#|;"+ // text|URL|target of mainlink
"Download Macros|../Remedy/Download_Macros.html|Main;" // text|URL|target
of first sublink

menublock[1]="Arial;"+ // font mainlink
"3;"+ // fontsize mainlink
"FFFFFF;"+ // fontcolor mainlink
"1;"+ // fontweight mainlink, 1 means bold, 0 means normal
"Arial;"+ // font sublinks
"2;"+ // fontsize sublinks
"C5C5C5;"+ // fontcolor sublinks
"0;"+ // fontweight sublinks, 1 means bold, 0 means normal
"Ticket Modification|#|;"+ // text|URL|target of mainlink
"Creating Tickets|../Remedy/Creating_Tickets.html|Main;"+ // text|URL|target
of first sublink
"Prioritizing Tickets|../Remedy/Prioritizing_Tickets.html|Main;"+ //
text|URL|target of first sublink
"Updating Tickets|../Remedy/Updating_Tickets.html|Main;" // text|URL|target
of first sublink

menublock[2]="Arial;"+ // font mainlink
"3;"+ // fontsize mainlink
"FFFFFF;"+ // fontcolor mainlink
"1;"+ // fontweight mainlink, 1 means bold, 0 means normal
"Arial;"+ // font sublinks
"2;"+ // fontsize sublinks
"C5C5C5;"+ // fontcolor sublinks
"0;"+ // fontweight sublinks, 1 means bold, 0 means normal
"Password|#|;"+ // text|URL|target of mainlink
"Change your Password|../Remedy/Password_Change.html|Main;" // text|URL|target
of first sublink


// 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="../../images/ArrowDown.gif"

var plusimg=new Image()
plusimg.src="../../images/ArrowRight.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='javascriptpenandclose("+i+")'>"
menucontent+="<img src='"+plusminusimg[i]+"' border=0></a></td>"
menucontent+="<td>"
menucontent+=font_weight_main
menucontent+="<a href='javascriptpenandclose("+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 - -->
</script>

<style>
A {
text-decoration:none;
}
</style>

</HEAD>

<body background="../../images/Background-Left.gif" bgproperties="fixed"
bgcolor="#336699" text="#FFFFFF" onLoad="openandclose(1000)">
<p><img border="0" src="../../images/TitleMenu.gif" width="79" height="26"></p>

<div id="menu" style="position:absolute;top:50px;left:0px"></div>

</body>

</html>