Discussion :

[anca2]

Bonjour,

Je veux mettre 2 scripts de menu sur une même page, et cela fait une semaine je n'est aucune réponse et je suis toujours empêtré!!

Je suis partie du script ci-dessous, l'un j'ai rien changé l'autre j'ai modifié les variables.
Au mieux la fonction kill ne fonctionne pas et en plus c'est sur celui dont je n'ai rien toucher qu'elle ne fonctionne pas.

De plus, sous IE, le premier menu lorsqu'il s'ouvre passe dessous celui qui est plus bas malgré un z-index supérieur.

Je ne sais plus quoi faire surtout que mon savoir en JS est très très limité.

Le lien ci-dessous vous permettra de voir la page avec les 2 menus ainsi que les disfontionnements.

http://www.tallard.exolia.net/fouill...ouillouse2.htm



Merci par avance de votre aide.

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
 
bgcolor='#ffd6aa';
bgcolor2='#ff9933';
document.write('<style type="text/css">');
document.write('.popper { POSITION: absolute; VISIBILITY: hidden; z-index:3; }')
document.write('#topgauche { position:absolute; z-index:10; }')
document.write('A:hover.ejsmenu {color:#ff0000; text-decoration:none;}')
document.write('A.ejsmenu {color:#990000; text-decoration:none;}')
document.write('</style>')
document.write('<div style="position:relative;height:25"><DIV class=popper id=topdeck></DIV>');
 
 
zlien = new Array;
zlien[0] = new Array;
zlien[1] = new Array;
zlien[2] = new Array;
 
zlien[0][0] = ' lien 1';
zlien[0][1] = 'lien 1';
 
zlien[1][0] = 'lien 2';
 
zlien[2][0] = 'lien 3';
 
var nava = (document.layers);
var dom = (document.getElementById);
var iex = (document.all);
if (nava) { skn = document.topdeck }
else if (dom) { skn = document.getElementById("topdeck").style }
else if (iex) { skn = topdeck.style }
skn.top = 24;
 
function pop(msg,pos)
{
skn.visibility = "hidden";
a=true
skn.left = pos;
var content ="<TABLE BORDER=1 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#990000 WIDTH=150><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=1>";
pass = 0
while (pass < msg.length)
{
content += "<TR><TD BGCOLOR="+bgcolor+" onMouseOver=\"this.style.background='"+bgcolor2+"'\" onMouseOut=\"this.style.background='"+bgcolor+"'\" HEIGHT=15><FONT SIZE=1 FACE=\"Verdana\">&nbsp;&nbsp;"+msg[pass]+"</FONT></TD></TR>";
pass++;
}
content += "</TABLE></TD></TR></TABLE>";
if (nava)
{
skn.document.write(content);
skn.document.close();
skn.visibility = "visible";
}
else if (dom)
{
document.getElementById("topdeck").innerHTML = content;
skn.visibility = "visible";
}
else if (iex)
{
document.all("topdeck").innerHTML = content;
skn.visibility = "visible";
}
}
function kill()
{
skn.visibility = "hidden";
}
document.onclick = kill;
document.write('<DIV ID=topgauche><TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#990000 WIDTH=450><TR><TD><TABLE CELLPADING=0 CELLSPACING=1 BORDER=0 WIDTH=100% HEIGHT=15><TR>')
document.write('<TD WIDTH=150 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[0],0)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[0],0)" Titre lien 1')
document.write('<TD WIDTH=150 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[1],230)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[1],100)" Titre lien 2')
document.write('<TD WIDTH=150 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[2],300)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[2],200)" Titre lien 3')
document.write('</TR></TABLE></TD></TR></TABLE></DIV></div>')

[le_chomeur]

a la vue du code , qui n'est pas très propre ( voir obsolète ) je t'orienterais plutôt vers ces menu , je pense que tu y trouveras ton bonheur :

http://css.developpez.com/galerie/

Cordialement.