Menu avec affichage du sous-menu au survol

Bonjour à tous
Je suis nouvelle sur ce forum de Javascript, et je débute dans ce langage, dans ne m'en veuillez pas si je pose des questions trop simples...

Mon menu :
4 boutons placés horizontalement. Lorsque je passe la souris sur l'un d'eux, un sous menu apparait (à l'aide d'un layer). Tout marche (c'est déjà un exploit) mais je n'arrive pas à faire disparaitre le sous-menu lorsque ma souris se balade ailleurs que dessus. Il disparait lorsque je clique sur l'un des sous-menus ou en recliquant sur le menu simple.

J'ai l'impression que ce qui coince, c'est de la syntaxe. Pouvez -vous m'aider à trouver l'erreur ?

Le code (feuille .js externe) :

bgcolor='#113D9F';
bgcolor2='#758DC3';
document.write('<style type="text/css">');
document.write('.popper { POSITION: absolute; VISIBILITY: hidden; z-index:3; }')
document.write('#topgauche { position:absolute;  z-index:10; top: 0px; left: 0px; }')
document.write('A:hover.ejsmenu {color:#ffffff; text-decoration:none;}')
document.write('A.ejsmenu {color:#ffffff; text-decoration:none;}')
document.write('</style>')
document.write('<div style="position:relative;height:25"><DIV class=popper id=topdeck></DIV>');

/*
LIENS
*/
zlien = new Array;
zlien[0] = new Array;
zlien[0][0] = '<A HREF="origine.html" CLASS=ejsmenu>Origine et création</A>';
zlien[0][1] = '<A HREF="chiffres.html" CLASS=ejsmenu>Chiffres et dates</A>';
zlien[0][2] = '<A HREF="activites.html" CLASS=ejsmenu>Les activités</A>';
zlien[0][3] = '<A HREF="atouts.html" CLASS=ejsmenu>Sept atoûts</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 = 24;

function pop(msg,pos)
{
skn.visibility = "hidden";
a=true
skn.left = pos;
var content ="<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0  BGCOLOR=#ffffff 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+"'\";\"skn.visibility='hidden'\" HEIGHT=20><FONT SIZE=1 FACE=\"Arial\">&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  WIDTH=100><TR><TD><TABLE CELLPADING=0 CELLSPACING=1 BORDER=0 WIDTH=100% HEIGHT=25><TR>')
document.write('<TD WIDTH=100 ALIGN=center ><A onClick="return(false)"  onMouseOver="pop(zlien[0],0)" href=# CLASS=ejsmenu ><FONT SIZE=1 FACE="Arial">L\'agence</FONT></a></TD>')
document.write('</TR></TABLE></TD></TR></TABLE></DIV></div>')

Lotte

disons simplement que l'on ne comprends pas grand chose dans ton code... Aparement t'as fait que deux fonctions, pop et kill, et elles sont en plein milieu du code.... Donc, je ne peux que te donner l'évenement qui s'active lorsque tu enlèves ta souris d'un objet : onmouseout In a dream, I saw me, drop dead... U was here, U cried... It was just a deam, if I die, U won't cry, maybe, U'll be happyhttp://coucou747.hopto.org

Merci couou747 mais je le savais pour le mouseout, c'est meme pour ça que j'ai glissé mon code dans l'instruction on mouseout !
pour t'expliquer le code, malheureusement je ne peux pas le faire car il provient d'un générateur de javascript et je ne comprends pas tout moi meme !!!
Quelqu'un d'autre a-t-il des suggestions ?


Lotte

Salut,

onMouseOut=\"this.style.background='"+bgcolor+"'\";\"skn.visibility='hidden'\"

pourquoi echappes-tu les guillemets du milieu, et d'ailleurs, que font-ils la?
Dans une page html normale ca donnerait ca normalement :

onMouseOut="this.style.background='bgcolor';skn.visibility='hidden'"

Or ton code donne ca :

onMouseOut="this.style.background='bgcolor' ";"skn.visibility='hidden'"

Perso, je ne l'ai jamais ecrit comme ca et ne suis pas tres sur que cela doive fonctionner.