Comment faire passer un menu par dessus une autre frame
Bonjour,
J'ai recupere un bout de code sur l'editeur Javascript pour faire un petit menu dynamique.
Le probleme c'est que si celui-ci est dans une frame et qu'il y en a une autre plus bas, il est cache par cette seconde. Comme puis-je le modifer pour qu'il passe par dessus la frame du bas ?
Voici en gros le code:
Code:
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 105 106 107
| posYmenu = 85;
bgcolor='#000000';
bgcolor2='#0856AB';
needcenter =true;
if(!needcenter)
posXmenu = 0;
else
{ if (document.all)
posXmenu = (document.body.clientWidth/2)-(700/2);
else
posXmenu = (window.innerWidth/2)-(700/2);
}
document.write('<style type="text/css">');
document.write('.popper { POSITION: absolute; VISIBILITY: hidden; z-index:3; }')
document.write('#topgauche { position:absolute; top:'+posYmenu+'px; left:'+posXmenu+'px; z-index:10; }')
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 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;
zlien[5] = new Array;
zlien[6] = new Array;
zlien[0][0] = '<A HREF="http://toto.free.fr/index.htm" CLASS=ejsmenu>Page d\'accueil</A>';
zlien[0][1] = '<A HREF="http://toto.free.fr/intro.htm" CLASS=ejsmenu>Intro HTML</A>';
zlien[0][2] = '<A HREF="http://toto.free.fr/intro2.htm" CLASS=ejsmenu>Intro FLASH</A>';
zlien[1][0] = '<A HREF="http://toto.free.fr/sports/planche.htm" CLASS=ejsmenu>Funboard</A>';
zlien[1][1] = '<A HREF="http://toto.free.fr/sports/snowboard.htm" CLASS=ejsmenu>Snowboard</A>';
zlien[1][2] = '<A HREF="http://toto.free.fr/sports/taekwondo.htm" CLASS=ejsmenu>Taekwondo</A>';
zlien[1][3] = '<A HREF="http://toto.free.fr/sports/wrc.htm" CLASS=ejsmenu>WRC</A>';
zlien[2][0] = '<A HREF="http://toto.free.fr/humour/blagues.htm" CLASS=ejsmenu>Blagues</A>';
zlien[2][1] = '<A HREF="http://toto.free.fr/humour/images.htm" CLASS=ejsmenu>Images</A>';
zlien[2][2] = '<A HREF="http://toto.free.fr/humour/trucsfous.htm" CLASS=ejsmenu>Trucs fous</A>';
zlien[3][0] = '<A HREF="http://toto.free.fr/jeux/bloodbowl.htm" CLASS=ejsmenu>Bloodbowl</A>';
zlien[3][1] = '<A HREF="http://toto.free.fr/jeux/mmorpg.htm" CLASS=ejsmenu>MMORPG</A>';
zlien[4][0] = '<A HREF="http://toto.free.fr/services/meteo.htm" CLASS=ejsmenu>Météo</A>';
zlien[4][1] = '<A HREF="http://toto.free.fr/services/tv.htm" CLASS=ejsmenu>Programme TV</A>';
zlien[4][2] = '<A HREF="http://toto.free.fr/services/annuaire.htm" CLASS=ejsmenu>Annuaire</A>';
zlien[5][0] = '<A HREF="http://toto.free.fr/programmation/toolkit.htm" CLASS=ejsmenu>Toolkit</A>';
zlien[6][0] = '<A HREF="http://toto.free.fr/plan.htm" CLASS=ejsmenu>Plan du site</A>';
zlien[6][1] = '<A HREF="http://toto.free.fr/recherche.htm" CLASS=ejsmenu>Recherche</A>';
zlien[6][2] = '<A HREF="http://toto.free.fr/liens.htm" CLASS=ejsmenu>Liens</A>';
zlien[6][3] = '<A HREF="http://toto.free.fr/nous.htm" CLASS=ejsmenu>Nous contacter</A>';
zlien[6][4] = '<A HREF="http://toto.free.fr/perso/index.htm" CLASS=ejsmenu>Zone Privee</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 = posYmenu+24;
function pop(msg,pos)
{
skn.visibility = "hidden";
a=true
skn.left = posXmenu+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>";
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=700><TR><TD><TABLE CELLPADING=0 CELLSPACING=1 BORDER=0 WIDTH=100% HEIGHT=25><TR>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[0],0)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[0],0)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana"><B>Accueil</B></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[1],100)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[1],100)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana"><B>Sports</B></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[2],200)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[2],200)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana"><B>Humour</B></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[3],300)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[3],300)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana"><B>Jeux</B></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[4],400)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[4],400)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana"><B>Services</B></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[5],500)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[5],500)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana"><B>Programmation</B></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[6],600)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[6],600)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana"><B>Plus !</B></FONT></a></TD>')
document.write('</TR></TABLE></TD></TR></TABLE></DIV>') |
Merci d'avance.