Remplacer OnMouseOut par OnClickOut
Bonjour à tous !
J'ai trouvé sur Internet un script pour réaliser un menu en java, et je l'ai un peu modifié.
En fait, ce script faisait en sorte qu'en passant la souris sur une case du tableau "menu", le tableau contenant alors le "sous menu" correspondant apparaissait.
Lorsqu'on écarté la souris, le sous-menu disparaissait.
Je l'ai adapté dans l'optique de changer le "onMouseOver" pas un "OnClick", pour faire apparaître le sous-menu.
Voici le code :
Code:
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
|
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] = '<A HREF="" CLASS=ejsmenu><h3>truc</h3></A>';
zlien[1][0] = '<A HREF="" CLASS=ejsmenu><h3>truc</h3></A>';
zlien[1][1] = '<A HREF="" CLASS=ejsmenu><h3>truc</h3></A>';
zlien[1][2] = '<A HREF="" CLASS=ejsmenu><h3>truc</h3></A>';
zlien[2][0] = '<A HREF="" CLASS=ejsmenu><h3>truc</h3></A>';
zlien[2][1] = '<A HREF="" CLASS=ejsmenu><h3>truc</h3></A>';
zlien[2][2] = '<A HREF="" CLASS=ejsmenu><h3>truc</h3></A>';
zlien[2][3] = '<A HREF="" CLASS=ejsmenu><h3>truc</h3></A>';
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 = 25+"px";
function pop(msg,pos)
{
skn.visibility = "hidden";
a=true
skn.left = pos+"px";
var content ="<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 WIDTH=0><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=1>";
pass = 0
while (pass < msg.length)
{
content += "<TR><TD class='menu_td2' HEIGHT=20 ><FONT SIZE=1 FACE=\"Arial\"><B> "+msg[pass]+"</B></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.onclickout = kill;
document.write('<DIV ID=topgauche><TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 WIDTH=0%><TR><TD>')
document.write('<B><A><h2 onClick="pop(zlien[0],0)">Blabla</h2></A></B>')
document.write('<B><A><h2 onClick="pop(zlien[1],75)">Blabla</h2></A></B>')
document.write('<B><A><h2 onClick="pop(zlien[2],150)">Blabla</h2></A></B>')
document.write('</TD></TR></TABLE></DIV></div>') |
En gras, les endroits où j'ai remplacé des choses.
En fait il y avait "document.onmouseout = kill" qui permettant de rendre invisible le sous-menu lorsqu'on écartait la souris.
Mais je ne trouve pas comment faire pour l'effacer à présent, avec le système de "onclick" pour le faire apparaître, quel serait l'équivalent, sachant que onclickout (que j'ai mis ici) il me semble n'existe pas.
Si quelqu'un peut m'aider...
Merci beaucoup d'avance ^^
