Comment faire passer un menu par dessus une autre frame

**barthelv** · 25/11/2005, 16h53

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 :

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
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>&nbsp;&nbsp;"+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.

Comment faire passer un menu par dessus une autre frame

JavaScript

Mode arborescent

Discussions similaires

Partager

Partager