sous menu javascript

sous menu javascript - HTML/CSS - Programmation

Marsh Posté le 30-03-2007 à 14:07:47    

Bonjour,
Je souhaiterai que ma barre de sous menu n'apparaisse que lorsque l'utilisateur passe sa souris sur le menu.
Voici mon code javascript. Merci de bien vouloir m'aider.
 

Citation :

hauteurcadre = 20;
 
xmenu = new Array;
xlien = new Array;
 
xmenu[0] = 'Accueil';
xmenu[1] = 'Disciplines';
xmenu[2] = 'Boutique';
xmenu[3] = 'Liens';
xmenu[4] = 'Panier';
xmenu[5] = 'Recherche';
 
xlien[0] = ''
xlien[1] = ''
xlien[2] = ''
xlien[3] = ''
xlien[4] = ''
xlien[5] = ''
xlien[1] += '<A HREF="" CLASS=menudyn3>individuelles</A>';
xlien[1] += ' | '
xlien[1] += '<A HREF="" CLASS=menudyn3>Collectives</A>';
xlien[2] += '<A HREF="" CLASS=menudyn3>Juniors</A>';
xlien[2] += ' | '
xlien[2] += '<A HREF="" CLASS=menudyn3>Femmes</A>';
xlien[2] += ' | '
xlien[2] += '<A HREF="" CLASS=menudyn3>Hommes</A>';
xlien[5] += '<A HREF="" CLASS=menudyn3>Tapez votre mot clé : <INPUT type=text name="rechercher"> <img src="loupe.jpg" border="0"align="bottom"></A>';
document.write('<STYLE TYPE="text/css">\nA.menudyn3 {color:#FFFFFF; text-decoration:none;}\nA:hover.menudyn3 {color:#FFFFFF;text-decoration:none;}\n</STYLE>');
 
document.write('<TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0 WIDTH='+(xlien.length*133.5)+' BGCOLOR=#000000>  <TR><TD><TABLE CELLPADDING=2 CELLSPACING=1 BORDER=0 WIDTH=100%>  <TR>');
 
for(i=0;i<xlien.length;i++)
 
{
 document.write('<TD BGCOLOR=#006699 onMouseOver="javascript:colorIt(this);MajMenu('+i+')" ALIGN=center ID=td'+i+'><FONT SIZE=1 FACE="Verdana"><A HREF="#" onClick="return(false)" onMouseOver="MajMenu('+i+')" CLASS=menudyn3>'+xmenu[i]+'</A></FONT></TD>');
 }
document.write('</TR>  <TR>    <TD COLSPAN='+(xlien.length)+' BGCOLOR=#6699CC HEIGHT='+hauteurcadre+' VALIGN=top><ilayer id="dynamenu31" width=100% height='+hauteurcadre+'><layer id="dynamenu32" width=100% height='+hauteurcadre+'><div id="dynamenu33">&nbsp;</div></layer></ilayer></TD>  </TR></TABLE></TD></TR></TABLE>');
 
function colorIt(tditem)
 {
 if(document.all)
  {
 document.all.td0.style.background='#006699';
 document.all.td1.style.background='#006699';
 document.all.td2.style.background='#006699';
 document.all.td3.style.background='#006699';
 document.all.td4.style.background='#006699';
 document.all.td5.style.background='#006699';
  tditem.style.background='#6699CC';
  }
else if(document.getElementById)
 {
 document.getElementById("td0" ).style.background='#006699';
 document.getElementById("td1" ).style.background='#006699';
 document.getElementById("td2" ).style.background='#006699';
 document.getElementById("td3" ).style.background='#006699';
 document.getElementById("td4" ).style.background='#006699';
 document.getElementById("td5" ).style.background='#006699';
tditem.style.background='#6699CC';
 }
}
 
function MajMenu(menu)
 {
 which = xlien[menu];
if (document.layers){
 document.dynamenu31.document.dynamenu32.document.write('<FONT SIZE=1 FACE="Verdana">'+which+'</FONT>')
 document.dynamenu31.document.dynamenu32.document.close()
 }
else if (document.getElementById)
   {
   document.getElementById("dynamenu33" ).innerHTML = '<CENTER><FONT SIZE=1 FACE="Verdana, Arial"><B>'+which+'</B></FONT></CENTER>';
   }
else  if (document.all){
 dynamenu33.innerHTML='&nbsp;'
 dynamenu33.innerHTML='<FONT SIZE=1 FACE="Verdana">'+which+'</FONT>';
 }
}
if (document.getElementById)
 colorIt(document.getElementById("td0" ));
else if (document.all){
 colorIt(document.all.td0);
 }
MajMenu(0);

Reply

Marsh Posté le 30-03-2007 à 14:07:47   

Reply

Marsh Posté le 30-03-2007 à 14:15:47    

tu selectionnes tout ton code, tu l'imprimes, et tu les brules en invoquant les divinités de ton choix.
Ensuite tu vas et tu repars sur des bases propres.

Reply

Marsh Posté le 30-03-2007 à 14:18:27    

merci du conseil

Reply

Marsh Posté le 01-04-2007 à 08:59:34    

Et ensuites tu vas sur cette page :  
 
http://css.alsacreations.com/Const [...] horizontal
 
 
Tu prends 1h à bien comprendre le système, et ensuite tu n'auras plus de problèmes :)

Reply

Sujets relatifs:

Leave a Replay

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