Menu déroulant qui passe sous cadre/frame

[jesbond]

salut !

jai regardé dans le forum et sur google si des fois je trouverai une solution a mon probleme, mais je n'ai pas trouvé.

ce nest pas trop difficile je pense.

Voilà, jai une page index avec des frames, mon menu déroulant est sur la gauche; c'est un menu pris sur :

http://www.editeurjavascript.com/edit/120.php

Le problème, c'est que les menus qui se déroullent passent sous la frame (donc on les voit pas....)ils passent sous le cadre.Jaurai voulu qu'ils passent par dessus

On ma parlé d'utiliser un focus. mais ou le placer ? a quel niveau ?

merci pour votre aide

voici mon code :

bgcolor='#006699';

bgcolor2='#6699CC';

document.write('<style type="text/css">');

document.write('.popper { POSITION: absolute; VISIBILITY: hidden; z-index:15; left:99px ')

document.write('#topgauche { position:absolute; z-index:10; }')

document.write('A:hover.ejsmenu {color:#FFFFFF; text-decoration:none;}')

document.write('.ejsmenu {color:#FFFFFF; text-decoration:none;}')

document.write('</style>')

document.write('<div style="position:relative;height:25"><DIV class=popper id=topdeck></DIV>');

/*

SCRIPT EDITE SUR L'EDITEUR JAVACSRIPT

http://www.editeurjavascript.com

*/

/*

LIENS

*/

zlien = new Array;

zlien[3] = new Array;

zlien[4] = new Array;

zlien[3][0] = '<A HREF="professeur.htm" CLASS=ejsmenu TARGET="mainframe">coordonnées formateurs</A>';

zlien[4][0] = '<A HREF="constr.html" CLASS=ejsmenu TARGET="mainframe">calendrier</A>';

if(document.getElementById)

{

skn = document.getElementById("topdeck").style

skn.left = 99;

}

function pop(msg,pos)

{

skn.visibility = "hidden";

a=true

skn.top = 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>";

pass = 0

while (pass < msg.length)

{

content += "<TR><TD BGCOLOR="+bgcolor+" onMouseOver=\"this.style.background='"+bgcolor2+"'\" onMouseOut=\"this.style.background='"+bgcolor+"'\" HEIGHT=20><FONT SIZE=1 FACE=\"Verdana\"><B>  "+msg[pass]+"</B></FONT></TD></TR>";

pass++;

}

content += "</TABLE></TD></TR></TABLE>";

document.getElementById("topdeck").innerHTML = content;

skn.visibility = "visible";

}

function kill()

{

if(document.getElementById)

skn.visibility = "hidden";

}

document.onclick = kill;

if(document.getElementById)

{

document.write('<DIV ID=topgauche><TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000 WIDTH=100 HEIGHT=120><TR><TD><TABLE CELLPADING=0 CELLSPACING=1 BORDER=0 WIDTH=100% HEIGHT=120>')

document.write('<tr><TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[0],0)" onMouseOut="this.style.background=\''+bgcolor+'\'" CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana"><B><A HREF="zonecentre.htm" CLASS=ejsmenu TARGET="mainframe">Accueil</a></B></FONT></TD></tr>')

document.write('<tr><TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[1],20)" onMouseOut="this.style.background=\''+bgcolor+'\'" CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana"><B><A HREF="contacter1Web.html" CLASS=ejsmenu TARGET="mainframe">Contact</a></B></FONT></TD></tr>')

document.write('<tr><TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[2],40)" onMouseOut="this.style.background=\''+bgcolor+'\'" CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana"><B><A HREF="planning%20rentr%E9e%202003%202004bon.htm" CLASS=ejsmenu TARGET="mainframe">Plannings</a></B></FONT></TD></tr>')

document.write('<tr><TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[3],60)" onMouseOut="this.style.background=\''+bgcolor+'\'" CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana"><B>Intervenants</B></FONT></TD></tr>')

document.write('<tr><TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[4],80)" onMouseOut="this.style.background=\''+bgcolor+'\'" CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana"><B>Calendrier</B></FONT></TD></tr>')

document.write('<tr><TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[5],100)" onMouseOut="this.style.background=\''+bgcolor+'\'" CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana"><B><A HREF="http://www.legifrance.gouv.fr" CLASS=ejsmenu >Site du gouvernement</a></B></FONT></TD></tr>')

document.write('</TABLE></TD></TR></TABLE></DIV>')

}

document.write('</div>');

[McFox]

Je crois qu'on peut faire la même chose avec du CSS (à confirmer mais ca me semple amplement faiseable)

Pour ton probleme, j'ai oublié un peu le JS ^^ mais quelqu'un te repondra je pense