Discussion :

[M1000]

Bonjour,

Voici le code de mon menu déroulant horizontal:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
 
hauteurcadre = 15;
bgColorCadre = '#993355'
 
xmenu = new Array;
xlien = new Array;
 
xmenu[0] = '<img src="design/m1.gif" border="0">';
xmenu[1] = '<img src="design/m2.gif" border="0">';
xmenu[2] = '<img src="design/m3.gif" border="0">';
xmenu[3] = '<img src="design/m4.gif" border="0">';
xmenu[4] = '<img src="design/m5.gif" border="0">';
 
 
xlien[0] = ''
xlien[1] = ''
xlien[2] = ''
xlien[3] = ''
xlien[4] = ''
xlien[0] += '<A HREF="texte1.htm" CLASS=menudyn3>texte1</A>';
xlien[1] += '<A HREF="texte1.htm" CLASS=menudyn3>texte1</A>';
xlien[2] += '<A HREF="texte1.htm" CLASS=menudyn3>texte1</A>';
xlien[3] += '<A HREF="texte1.htm" CLASS=menudyn3>texte1</A>';
xlien[4] += '<A HREF="texte1.htm" CLASS=menudyn3>texte1</A>';
xlien[1] += ' | '
xlien[1] += '<A HREF="texte2.htm" CLASS=menudyn3>texte2</A>';
xlien[2] += ' | '
xlien[2] += '<A HREF="texte2.htm" CLASS=menudyn3>texte2</A>';
xlien[3] += ' | '
xlien[3] += '<A HREF="texte2.htm" CLASS=menudyn3>texte2</A>';
xlien[3] += ' | '
xlien[3] += '<A HREF="" CLASS=menudyn3>sdfdhgjk</A>';
xlien[4] += ' | '
xlien[4] += '<A HREF="texte2.htm" CLASS=menudyn3>texte2</A>';
xlien[4] += ' | '
xlien[4] += '<A HREF="texte3.htm" CLASS=menudyn3>texte3</A>';
xlien[3] += ' | '
xlien[3] += '<A HREF="texte3.htm" CLASS=menudyn3>texte3</A>';
xlien[3] += ' | '
xlien[3] += '<A HREF="texte4.htm" CLASS=menudyn3>texte3</A>';
xlien[0] += ' | '
xlien[0] += '<A HREF="texte2.htm" CLASS=menudyn3>texte2</A>';
xlien[0] += ' | '
xlien[0] += '<A HREF="texté3.htm" CLASS=menudyn3>texté3</A>';
 
document.write('<STYLE TYPE="text/css">\nA.menudyn3 {color:#FFFFFF; text-decoration:none;}\nA:hover.menudyn3 {color:#33CC00;text-decoration:none;}\n</STYLE>');
 
document.write('<TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0 WIDTH='+(xlien.length*100)+' BGCOLOR=#000000>  <TR><TD><TABLE CELLPADDING=0 CELLSPACING=1px BORDER=0 WIDTH=100%>  <TR>');
 
for(i=0;i<xlien.length;i++)
 
{
	document.write('<TD BGCOLOR=#993300 onMouseOver="javascript:colorIt(this);MajMenu('+i+');" ALIGN=center ID=td'+i+'><FONT SIZE=1 FACE="Verdana"><B><A HREF="#" onClick="return(false)" onMouseOver="MajMenu('+i+')" CLASS=menudyn3>'+xmenu[i]+'</A></B></FONT></TD>');
	}
 
document.write('</TR>  <TR>    <TD COLSPAN='+(xlien.length)+' BGCOLOR='+bgColorCadre+' 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='#993300';
	document.all.td1.style.background='#993300';
	document.all.td2.style.background='#993300';
	document.all.td3.style.background='#993300';
	document.all.td4.style.background='#993300';
		tditem.style.background='#FFCC00';
		}
else if(document.getElementById)
	{
	document.getElementById("td0").style.background='#993300';
	document.getElementById("td1").style.background='#993300';
	document.getElementById("td2").style.background='#993300';
	document.getElementById("td3").style.background='#993300';
	document.getElementById("td4").style.background='#993300';
tditem.style.background='#FFCC00';
	}
}
 
function MajMenu(menu)
	{
	which = xlien[menu];
 
if (document.layers)
	{
	document.dynamenu31.document.dynamenu32.document.write('<FONT SIZE=1 FACE="Verdana"><B>'+which+'</B></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"><B>'+which+'</B></FONT>';
		}
}
if (document.getElementById)
	colorIt(document.getElementById("td0"));
else if (document.all)
	{
		colorIt(document.all.td0);
	}
MajMenu(0);

Ma question est la suivante comment faire pour que la couleur de fond de la ligne sous le menu général change de couleur en fonction du menu, c'est cette variable qui doit changer: bgColorCadre. mais je ne vois pas ou et comment faire le test pour changer la couleur.

Merci @très bientot.

[M1000]

j'ai essayé tte la nuit et encore ce matin et je comprend pas comment faire changer la couleur a chaque sous menu en fonction du menu principal ....

Help Me

Merci