Voilà j'ai trouvé sur un site un code PHP préfabriqué pour effectué un menu déroulant avec des liens.
Fichier javascript :
Code :
- document.write('<STYLE TYPE="text/css">\na.mv3style {color:#6A7F10;text-decoration:none;}\na:hover.mv3style {color:#252C26;text-decoration:underlined;}\n</STYLE>');
- mv3_menu = new Array();
- mv3_lien = new Array();
- mv3_menu[0] = 'XXXXXXXXX';
- mv3_lien[0] = ''
- mv3_lien[0] += '<A HREF="XXXXXXXXX" CLASS=mv3style> XXXXXXXXX</A><BR>';
- mv3_lien[0] += '<A HREF="XXXXXXXXX" CLASS=mv3style> XXXXXXXXX</A><BR>';
- mv3_lien[0] += '<A HREF="XXXXXXXXX" CLASS=mv3style> XXXXXXXXX</A><BR>';
- mv3_lien[0] += '<A HREF="XXXXXXXXX" CLASS=mv3style> XXXXXXXXX</A><BR>';
- mv3_pos = -1;
- function mv3_menu_draw()
- {
- mv3_aff = "<TABLE ID=LOL1 BORDER=0 BGCOLOR=#000000 CELLPADDING=0 CELLSPACING=0 WIDTH=160><TR><TD><TABLE BORDER=3 BORDER-COLOR=#FF0000 CELLPADDING=03 CELLSPACING=0 WIDTH=20% HEIGHT=5%>";
- for(a=0;a<mv3_menu.length;a++)
- {
- if(mv3_pos == a || !document.getElementById)
- bgcolor = "#BED600";
- else
- bgcolor = "#F6F7DE";
- if(document.getElementById)
- mv3_aff += "<TR><TD BGCOLOR="+bgcolor+"><center><A HREF=\"#\" onMouseOver=\"mv3_pos="+a+";mv3_menu_draw()\" onMouseOut=\"mv3_pos="+a+";mv3_menu_draw()\" CLASS=mv3style><FONT FACE=\"Verdana\" SIZE=3><B>"+mv3_menu[a]+"</B></FONT></A></center></TD></TR>";
- else
- mv3_aff += "<TR><TD BGCOLOR="+bgcolor+"><FONT FACE=\"Verdana\" SIZE=2 COLOR=#CC0000><B>"+mv3_menu[a]+"</B></FONT></TD></TR>"
- if(mv3_pos == a || !document.getElementById)
- mv3_aff += "<TR><TD BGCOLOR="+bgcolor+"><FONT FACE=\"Verdana\" SIZE=1><B>"+mv3_lien[a]+"</B></FONT></TD></TR>";
- }
- mv3_aff += "</TABLE></TD></TR></TABLE>";
- if(document.getElementById)
- document.getElementById("mv3" ).innerHTML = mv3_aff;
- else
- document.write(mv3_aff);
- }
- mv3_menu_draw();
|
Dans ma page php :
Code :
- <tr><td valign="left" rowspan="3" colspan="0"><DIV ID=mv3></DIV><SCRIPT LANGUAGE="JavaScript" SRC="../ejs_menu_dyn_vert3.js"></SCRIPT>
|
Tout se passe bien pour le onMouseOver, le menu se déroule. Cependant, le javascript m'étant totalement inconnu, j'éprouve une difficulté certaine à faire revenir le bouton de départ une fois que le curseur s'est échappé de la zone du tableau. Un petit coup de pouce s'il vous plait !