Discussion :

[PtitGénie]

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 :

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
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>&nbsp;&nbsp;"+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 ^^

[Bovino]

Salut,

Tout d'abord :

J'ai trouvé sur Internet un script pour réaliser un menu en java, et je l'ai un peu modifié.

• JavaScript et Java n'ont rien à voir
• On ne trouve pas que des bonnes choses sur Internet, ton script semble plutôt ancien et obsolète,...

Sinon, effectivement, onclickout n'existe pas !
Si tu cherches comme événement le fait de relacher le bouton de la souris, c'est onmouseup, si tu cherches à détecter le click en dehors de ton menu, là c'est plus complexe et cela dépend de la structure de ta page.