sous menu javascript - HTML/CSS - Programmation
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
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.
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"> </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=' '
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);