Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2264 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  sous menu javascript

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

sous menu javascript

n°1536401
lamouche8
Posté le 30-03-2007 à 14:07:47  profilanswer
 

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);

mood
Publicité
Posté le 30-03-2007 à 14:07:47  profilanswer
 

n°1536406
anapajari
s/travail/glanding on hfr/gs;
Posté le 30-03-2007 à 14:15:47  profilanswer
 

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.

n°1536410
lamouche8
Posté le 30-03-2007 à 14:18:27  profilanswer
 

merci du conseil

n°1536833
Nederlands
Posté le 01-04-2007 à 08:59:34  profilanswer
 

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 :)


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  sous menu javascript

 

Sujets relatifs
Modifier ce menu avec images zoomées en JavascriptModifier ce menu avec images zoomées en Javascript
[javascript ou HTML] : un menu déroulant visible ou invisible(résolu)[Javascript] menu déroulant
Javascript : Probleme de menu deroulantmenu deroulant pour date en javascript
php/javascript menu deroulant...menu javascript bloqué
menu vertical CSS javascript[Javascript] Menu vertical qui se déroule progressivement
Plus de sujets relatifs à : sous menu javascript


Copyright © 1997-2018 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR