Bonjour, j'utilise un script pour afficher un petit menu en Javascript.
Lors du survol de zones, des calques sont affichés avec els éléments du menu.
Ce que je n'ai pas réussi à faire, c'est à cacher le menu lorsqu'on sort du menu, ou alors le menu n'était pas utilisable et ça ne marchait qu'avec la première cellule.

voici le code javascript:
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
 
bgcolor='#152E46';
bgcolor2='#152E46';
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:#FFFFFF; font-size: 9pt ;text-decoration:none;}')
document.write('A.ejsmenu {color:#152E46; font-size: 9pt ;text-decoration:none;}')
document.write('</style>')
document.write('<div style="position:relative;height:20"><DIV class=popper id=topdeck ></DIV>');
/*
SCRIPT EDITE SUR L'EDITEUR JAVACSRIPT
*/
 
/*
LIENS
*/
 
zlien = new Array;
zlien[0] = new Array;
zlien[1] = new Array;
zlien[2] = new Array;
zlien[3] = new Array;
zlien[4] = new Array;
//base doculentaire
zlien[0][0] = '<A HREF="lecture/recherche.asp" CLASS=ejsmenu>Rechercher</A>';
zlien[0][1] = '<A HREF="lecture/base_documentaire.asp" CLASS=ejsmenu>Explorer les thémes</A>';
zlien[0][2] = '<A HREF="http://lien1_2" CLASS=ejsmenu>Les fiches thématiques</A>';
//Actualité
zlien[1][0] = '<A HREF="lecture/actualites.asp" CLASS=ejsmenu>Actualités</A>';
zlien[1][1] = '<A HREF="lecture/recherche.asp?rechActu=1" CLASS=ejsmenu>Rechercher</A>';
zlien[1][2] = '<A HREF="lecture/presse.asp" CLASS=ejsmenu>Revues de presse</A>';
zlien[1][3] = '<A HREF="lecture/chiffrescles.asp" CLASS=ejsmenu>Chiffres clés</A>';
zlien[1][4] = '<A HREF="lecture/dossiers.asp" CLASS=ejsmenu>Dossiers</A>';
//utiles
zlien[2][0] = '<A HREF="annuaire/annuaire.asp" CLASS=ejsmenu>Annuaires</A>';
zlien[2][1] = '<A HREF="annonces/annonces_presentation.asp" CLASS=ejsmenu>Petites Annonces</A>';
zlien[2][2] = '<A HREF="agenda/agenda.asp" CLASS=ejsmenu>Agenda</A>';
zlien[2][3] = '<A HREF="journaux/choix_journal.asp" CLASS=ejsmenu>Abonnement</A>';
zlien[2][4] = '<A HREF="diffusion/diffusion.asp" CLASS=ejsmenu>Newsletter</A>';
zlien[2][5] = '<A HREF="conseils/conseils.asp" CLASS=ejsmenu>Accords mets et vins</A>';
//mon compte
zlien[3][0] = '<A HREF="profil.asp" CLASS=ejsmenu>Coordonnées et Profil</A>';
zlien[3][1] = '<A HREF="services/infos_aoc.asp" CLASS=ejsmenu>Ma sélection</A>';
zlien[3][2] = '<A HREF="lien4" CLASS=ejsmenu>Agrément en ligne</A>';
//contact
zlien[4][0] = '<A HREF="services/contact.asp" CLASS=ejsmenu>Contactez-nous</A>';
zlien[4][1] = '<A HREF="services/infos_aoc.asp" CLASS=ejsmenu>A propos de monAOC.com</A>';
zlien[4][2] = '<A HREF="lien5" CLASS=ejsmenu>Devenir partenaire</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 = 21;
 
function pop(msg,pos)
{
skn.visibility = "hidden";
a=true
skn.left = pos;
var content ="<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000 WIDTH=150 ><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=1 >";
//var content =" <table width="525" height="20"  border="0" bgcolor="#152E46" cellpadding="0" cellspacing="0" align="bottom">";
 
pass = 0
while (pass < msg.length)
	{
	content += "<TR><TD BGCOLOR=#C0CFE7 onMouseOver=\"this.style.background='#36648C'\" onMouseOut=\"this.style.background='#C0CFE7'\" HEIGHT=20><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=#000000 WIDTH=525 HEIGHT=20 ><TR><TD><TABLE CELLPADING=0 CELLSPACING=0 BORDER=0 WIDTH=100% HEIGHT=20><TR>')
document.write('<TD HEIGHT=20 WIDTH=100 ALIGN=left BGCOLOR='+bgcolor+' onMouseOver="pop(zlien[0],5)"   onMouseOut="this.style.background=\''+bgcolor+'\'"><img onMouseOver="pop(zlien[0],5)"   href=# CLASS=ejsmenu height=20 border = "0" src="http://site.sisvac.com/images/basedoc.gif"></TD>')
document.write('<TD HEIGHT=20 WIDTH=100 ALIGN=left BGCOLOR='+bgcolor+' onMouseOver="pop(zlien[1],130)" onMouseOut="this.style.background=\''+bgcolor+'\'"><img onMouseOver="pop(zlien[1],130)" href=# CLASS=ejsmenu height=20 border = "0"  src="http://site.sisvac.com/images/actualites.gif"></TD>')
document.write('<TD HEIGHT=20 WIDTH=100 ALIGN=left BGCOLOR='+bgcolor+' onMouseOver="pop(zlien[2],235)" onMouseOut="this.style.background=\''+bgcolor+'\'"><img  onMouseOver="pop(zlien[2],235)" href=# CLASS=ejsmenu height=20 border = "0"  src="http://site.sisvac.com/images/utiles.gif"></TD>')
document.write('<TD HEIGHT=20 WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="pop(zlien[3],335)" onMouseOut="this.style.background=\''+bgcolor+'\'"><img onMouseOver="pop(zlien[3],335)" href=# CLASS=ejsmenu height=20 border = "0" src="http://site.sisvac.com/images/mon-compte.gif"></TD>')
document.write('<TD HEIGHT=20 WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="pop(zlien[4],435)" onMouseOut="this.style.background=\''+bgcolor+'\'"><img onMouseOver="pop(zlien[4],435)" href=# CLASS=ejsmenu height=20 border = "0" src="http://site.sisvac.com/images/contact.gif"></TD>')
document.write('</TR></TABLE></TD></TR></TABLE></DIV></div>')
il est dans un fichier ejsmenu.js
il est appellé comme suit dans du code html
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
 
<SCRIPT LANGUAGE="JavaScript1.2" SRC="ejsmenu.js" TYPE='text/javascript'></SCRIPT>
Merci d'avance.