Menu déroulant passe SOUS frame/cadre - HTML/CSS - Programmation
Marsh Posté le 25-05-2005 à 13:24:35
En lisant ton code source, je me suis retrouvé tout à coup en 1995
Marsh Posté le 25-05-2005 à 13:25:08
Oublie les frames, avec les CSS, tu peux superposer les calques et dans l'ordre de ton choix !
Marsh Posté le 25-05-2005 à 13:37:06
C'est bien moche
Mais tu ne peux pas placer des elements a cheval au dessus de deux frames.
Marsh Posté le 25-05-2005 à 14:13:59
Donc soit tu triches encore plus et ca ira que sous ie, soit tu laches les frames ...
Marsh Posté le 25-05-2005 à 14:15:29
Laches ça, on te dit !
Marsh Posté le 25-05-2005 à 14:31:54
mais vote oui avant, par procuration s'il te plait
oui, oui, je sors ^^'
Marsh Posté le 25-05-2005 à 13:22:42
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>');