Voilà je voudrais faire un menu, il est fait c'est un dynamique mais je voudrais faire des sous-menus mais je n'y arrive pas. Pouvez vous m'aider.
Merci
Voilà mon menu :
bgcolor='#000066';
bgcolor2='#000066';
document.write('<style type="text/css">');
document.write('.popper { POSITION: absolute; VISIBILITY: hidden; z-index:3; }')
document.write('#topgauche { position:absolute; z-index:10; }')
document.write('A:hover.ejsmenu {color:#FFFFFF; text-decoration:none;}')
document.write('A.ejsmenu {color:#FFFFFF; text-decoration:none;}')
document.write('</style>')
document.write('<div style="position:relative;height:25"><DIV class=popper id=topdeck></DIV>');
/*
SCRIPT EDITE SUR L'EDITEUR JAVACSRIPT
http://www.editeurjavascript.com
*/

/*
LIENS
*/
zlien = new Array;
zlien[0] = new Array;
zlien[1] = new Array;
zlien[2] = new Array;
zlien[3] = new Array;
zlien[4] = new Array;
zlien[5] = new Array;
zlien[0][0] = '<A HREF="statuts.htm" CLASS=ejsmenu><B>Statuts</A>';
zlien[0][1] = '<A HREF="org.htm" CLASS=ejsmenu><B>Organigramme sportif</A>';
zlien[0][2] = '<A HREF="planning.htm" CLASS=ejsmenu><B>Planning</A>';
zlien[0][3] = '<A HREF="bureau.htm" CLASS=ejsmenu><B>Bureau</A>';
zlien[0][4] = '<A HREF="entraineurs.htm" CLASS=ejsmenu><B>Entraîneurs</A>';
zlien[0][5] = '<A HREF="officiels.htm" CLASS=ejsmenu><B>Officiels</A>';
zlien[1][0] = '<A HREF="préav.htm" CLASS=ejsmenu><B>Pré-Avenirs</A>';
zlien[1][1] = '<A HREF="avenirs.htm" CLASS=ejsmenu><B>Avenirs </A>';
zlien[1][2] = '<A HREF="decouverte.htm" CLASS=ejsmenu><B>Découverte </A>';
zlien[1][3] = '<A HREF="detection.htm" CLASS=ejsmenu><B>Détection</A>';
zlien[1][4] = '<A HREF="poussins.htm" CLASS=ejsmenu><B>Poussins</A>';
zlien[1][5] = '<A HREF="promotion.htm" CLASS=ejsmenu><B>Promotion</A>';
zlien[1][6] = '<A HREF="formation.htm" CLASS=ejsmenu><B>Formation</A>';
zlien[1][7] = '<A HREF="espoir.htm" CLASS=ejsmenu><B>Espoir</A>';
zlien[1][8] = '<A HREF="performance.htm" CLASS=ejsmenu><B>Performance</A>';
zlien[1][9] = '<A HREF="option.htm" CLASS=ejsmenu><B>Option</A>';
zlien[1][10] = '<A HREF="maitres.htm" CLASS=ejsmenu><B>Maîtres</A>';
zlien[1][11] = '<A HREF="entrainement.htm" CLASS=ejsmenu><B>Entraînement</A>';
zlien[1][12] = '<A HREF="adultes.htm" CLASS=ejsmenu><B>Adultes</A>';
zlien[2][0] = '<A HREF="competitions.htm" CLASS=ejsmenu><B>Compétitions</A>';
zlien[2][1] = '<A HREF="records.htm" CLASS=ejsmenu><B>Records</A>';
zlien[2][2] = '<A HREF="top.htm" CLASS=ejsmenu><B>Top 10</A>';
zlien[3][0] = '<A HREF="boutique.htm" CLASS=ejsmenu><B>Boutique</A>';
zlien[3][1] = '<A HREF="5nage.htm" CLASS=ejsmenu><B>"5ème nage"</A>';
zlien[3][2] = '<A HREF="nouvelles.htm" CLASS=ejsmenu><B>Nouvelles</A>';
zlien[3][3] = '<A HREF="meetings.htm" CLASS=ejsmenu><B>Meetings</A>';
zlien[4][0] = '<A HREF="saison0304.htm" CLASS=ejsmenu><B>Saison 2003/2004</A>';
zlien[4][1] = '<A HREF="saison0405.htm" CLASS=ejsmenu><B>Saison 2004/2005</A>';
zlien[4][2] = '<A HREF="saison0506.htm" CLASS=ejsmenu><B>Saison 2005/2006</A>';
zlien[5][0] = '<A HREF="institutions.htm" CLASS=ejsmenu><B>Institutions</A>';
zlien[5][1] = '<A HREF="entreprises.htm" CLASS=ejsmenu><B>Entreprises</A>';
var nava = (document.layers);
var dom = (document.getElementById);
var iex = (document.all);
if (nava) { skn = document.topdeck }
else if (dom) { skn = document.getElementById("topdeck").style }
else if (iex) { skn = topdeck.style }
skn.top = 24;

function pop(msg,pos)
{
skn.visibility = "hidden";
a=true
skn.left = pos;
var content ="<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000 WIDTH=163><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=1>";
pass = 0
while (pass < msg.length)
{
content += "<TR><TD BGCOLOR="+bgcolor+" onMouseOver=\"this.style.background='"+bgcolor2+"'\" onMouseOut=\"this.style.background='"+bgcolor+"'\" HEIGHT=20><FONT SIZE=2 FACE=\"Arial\">  "+msg[pass]+"</FONT></TD></TR>";
pass++;
}
content += "</TABLE></TD></TR></TABLE>";
if (nava)
{
skn.document.write(content);
skn.document.close();
skn.visibility = "visible";
}
else if (dom)
{
document.getElementById("topdeck").innerHTML = content;
skn.visibility = "visible";
}
else if (iex)
{
document.all("topdeck").innerHTML = content;
skn.visibility = "visible";
}
}
function kill()
{
skn.visibility = "hidden";
}
document.onclick = kill;
document.write('<DIV ID=topgauche><TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000 WIDTH=982><TR><TD><TABLE CELLPADING=0 CELLSPACING=1 BORDER=0 WIDTH=100% HEIGHT=25><TR>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[0],0)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[0],0)" href=# CLASS=ejsmenu><FONT SIZE=2 FACE="Arial"><B>PRESENTATION</B></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[1],164)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[1],100)" href=# CLASS=ejsmenu><FONT SIZE=2 FACE="Arial"><B>GROUPES</B></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[2],328)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[2],200)" href=# CLASS=ejsmenu><FONT SIZE=2 FACE="Arial"><B>CÔTÉ SPORTIF</B></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[3],492)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[3],300)" href=# CLASS=ejsmenu><FONT SIZE=2 FACE="Arial"><B>INFOS</B></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[4],656)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[4],400)" href=# CLASS=ejsmenu><FONT SIZE=2 FACE="Arial"><B>ARCHIVES</B></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[5],820)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[5],500)" href=# CLASS=ejsmenu><FONT SIZE=2 FACE="Arial"><B>PARTENAIRES</B></FONT></a></TD>')
document.write('</TR></TABLE></TD></TR></TABLE></DIV></div>')