onMouseOver-Out sur tableaux

onMouseOver-Out sur tableaux - HTML/CSS - Programmation

Marsh Posté le 28-04-2008 à 11:28:42    

Voilà j'ai trouvé sur un site un code PHP préfabriqué pour effectué un menu déroulant avec des liens.
 
 
 
Fichier javascript :
 

Code :
  1. document.write('<STYLE TYPE="text/css">\na.mv3style {color:#6A7F10;text-decoration:none;}\na:hover.mv3style {color:#252C26;text-decoration:underlined;}\n</STYLE>');
  3. mv3_menu = new Array();
  4. mv3_lien = new Array();
  6. mv3_menu[0] = 'XXXXXXXXX';
  9. mv3_lien[0] = ''
  10. mv3_lien[0] += '<A HREF="XXXXXXXXX" CLASS=mv3style> XXXXXXXXX</A><BR>';
  11. mv3_lien[0] += '<A HREF="XXXXXXXXX" CLASS=mv3style> XXXXXXXXX</A><BR>';
  12. mv3_lien[0] += '<A HREF="XXXXXXXXX" CLASS=mv3style> XXXXXXXXX</A><BR>';
  13. mv3_lien[0] += '<A HREF="XXXXXXXXX" CLASS=mv3style> XXXXXXXXX</A><BR>';
  17. mv3_pos = -1;
  19. function mv3_menu_draw()
  20. {
  21. 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%>";
  23. for(a=0;a<mv3_menu.length;a++)
  24.  {
  25.  if(mv3_pos == a || !document.getElementById)
  26.   bgcolor = "#BED600";
  27.  else
  28.   bgcolor = "#F6F7DE";
  29. if(document.getElementById)
  30.   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>";
  31.  else
  32.   mv3_aff += "<TR><TD BGCOLOR="+bgcolor+"><FONT FACE=\"Verdana\" SIZE=2 COLOR=#CC0000><B>"+mv3_menu[a]+"</B></FONT></TD></TR>"
  33. if(mv3_pos == a || !document.getElementById)
  34.   mv3_aff += "<TR><TD BGCOLOR="+bgcolor+"><FONT FACE=\"Verdana\" SIZE=1><B>"+mv3_lien[a]+"</B></FONT></TD></TR>";
  35.  }
  37. mv3_aff += "</TABLE></TD></TR></TABLE>";
  38. if(document.getElementById)
  39.  document.getElementById("mv3" ).innerHTML = mv3_aff;
  40. else
  41.  document.write(mv3_aff);
  42. }
  44. mv3_menu_draw();


 
 
 
Dans ma page php :
 

Code :
  1. <tr><td valign="left" rowspan="3" colspan="0"><DIV ID=mv3></DIV><SCRIPT LANGUAGE="JavaScript" SRC="../ejs_menu_dyn_vert3.js"></SCRIPT>


 
 
 
http://img155.imageshack.us/img155/9308/fokc5.png
 
 
 
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 !  :jap:

Reply

Marsh Posté le 28-04-2008 à 11:28:42   

Reply

Marsh Posté le 28-04-2008 à 15:05:11    

S'il vous plait une petite aide :)

Reply

Marsh Posté le 28-04-2008 à 15:23:18    

Le menu que tu as choisi est vraiment merdique à souhait ! (Désolé de te le dire comme ça).
Si je peux donc me permettre un conseil, repart sur quelque chose de plus propre : http://css.alsacreations.com/Const [...] horizontal


---------------
-- Debian -- Le système d'exploitation universel | Le gras c'est la vie! | /(bb|[^b]{2})/
Reply

Marsh Posté le 28-04-2008 à 15:45:28    

Merci du conseil, mais malheureusement ce n'est pas moi qui ai choisi ^^ Et j'ai pas vraiment le choix en fait :p

Reply

Marsh Posté le 28-04-2008 à 20:58:33    

rien à foutre, quit à en recoder un propre, il vaut mieux éviter ce menu de merde

Reply

Marsh Posté le 29-04-2008 à 11:34:25    

Génial le post ..

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed