Bonjour tout le monde,
Je m'y connais pas tellement en javascript, mais j'avais besoin d'un
menu pour mon site. J'ai trouvé une bonne source pour un jolie menu que
j'ai arrangé un peu, mais j'arrive pas à rajouter tout ce que je veux.
Pour le moment j'ai un menu déroulant lorsque l'on passe sur le "titre"
en haut. Et en fait, j'aimerai que dans ce menu il y aient encore des
sous-menu, mais je sais pas exactement comment faire, j'ai essayé une
fonction popInside(msg,pos), mais ça marche pas fort, j'ai besoin de
votre aide :)
Et un 2ème problème moins important, j'aimerai que la couleur du "titre" onMouseOver reste lorsque je suis dans le menu déroulé.
voilà la source :
<HTML>
<SCRIPT LANGUAGE= "JavaScript">
bgcolor='#97041E' ;
bgcolor2='#F9B93E' ;
bgcolor3='#F9B93E' ;
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.menu {color:#FFFFFF; text-decoration:none;}')
document.write('A.menu {color:#FFFFFF; text-decoration:none;}')
document.write('</style>')
document.write('
') ;
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[11] = new Array ;
zlien[1][0] = '[ Championnat]' ;
zlien[1][1] = '[ Tournoi]' ;
zlien[1][2] = '[ Coupe]' ;
zlien[11][0] =
'[ prévues]' ;
zlien[11][1] = '[ en cours]' ;
zlien[11][2] =
'[ terminées]' ;
zlien[11][3] =
'[ TM prévues]' ;
zlien[11][4] = '[ TM en cours]' ;
zlien[11][5] =
'[ TM terminées]' ;
zlien[2][0] = '[ Membre]' ;
zlien[2][1] = '[ Equipe]' ;
zlien[2][2] =
'[ Compétition]' ;
zlien[3][0] = '[ Forum]' ;
zlien[3][1] =
'[ Trucs & Astuces]' ;
zlien[3][2] = '[ Dossiers]' ;
zlien[3][3] = '[ Liens]' ;
zlien[3][4] =
'[ Téléchargements]' ;
zlien[4][0] = '[ Staff]' ;
zlien[4][1] = '[ Sponsors]' ;
zlien[4][2] = '[ A propos]' ;
zlien[5][0] = '[ Info]' ;
zlien[5][1] =
'[ Créer une
équipe]' ;
zlien[5][2] =
'[ Rejoindre une équipe]'
;
zlien[5][3] =
'[ Créer une
équipe]' ;
zlien[5][4] =
'[ Créer une
compétition]' ;
zlien[5][5] =
'[ Gérer mes
compétitions]' ;
zlien[5][6] =
'[ Déconnexion]' ;
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 = 19 ;
document.onclick = kill ;
document.write('
<TABLE CELLPADING=0 CELLSPACING=1
BORDER=0 WIDTH=100% HEIGHT=20>----
')
document.write(', Accueil </TD>')
document.write('Compétitions, ')
document.write('Recherche, ')
document.write('Services, ')
document.write('Informations, ')
document.write('Mon
compte, ')
document.write('
</TD></TR></TABLE>
')
function pop(msg,pos)
{
skn.visibility = "hidden" ;
a= true
skn.left = pos ;
var content ="<TABLE WIDTH=100% BORDER=0
CELLPADDING=0 CELLSPACING=1>" ;
pass = 0
while (pass < msg.length)
{
content += "----, \"+msg[pass]+\" </TD>\"
;
if (msg == zlien[1])
{
popInside(zlien[11], pos+133)
}
pass++ ;
}
content +=
"
</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 popInside(msg,pos)
{
skn.visibility = "hidden" ;
a=true
skn.left = pos ;
var content2 ="<TABLE WIDTH=100% BORDER=0
CELLPADDING=0 CELLSPACING=1>" ;
pass2 = 0
while (pass2 < msg.length)
{
content2 +=
"----, \"+msg[pass2]+\" </TD>\"
;
pass2++ ;
}
content2 + =
"
</TD></TR></TABLE>" ;
if (nava)
{
skn.document.write(content2) ;
skn.document.close() ;
skn.visibility = "visible" ;
}
else if (dom)
{
document.getElementById("topdeck").innerHTML = content2 ;
skn.visibility = "visible" ;
}
else if (iex)
{
document.all("topdeck").innerHTML
= content2 ;
skn.visibility = "visible" ;
}
}
function kill()
{
skn.visibility = "hidden" ;
}
</SCRIPT>
</HTML>
Afficher la suite