[DOM] Menu Dynamique

**QuenTinO** · 08/08/2007, 10h36

Bonjour,
J'utilise 2 menus dynamique vertical sur une méme page. Mon probléme vient du 1er menu. Lorsque le curser se place sur une catégorie, pas de pb les sous catégories s'affichent normalement mais lorsque l'on clique en dehors du menu, celles-ci restent afficher alors que normalement elles devraient disparaitre. Je pense que le pb vient de la function kill() mais je ne trouve pas ou.
Je ne comprends pas ...
Merci de votre aide.

Menu1:

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
 
bgcolor='#FF9900';
bgcolor2='#FFFFCC';
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:#000000; text-decoration:none;}')
document.write('.ejsmenu {color:#000000; 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[1] = new Array;
zlien[2] = new Array;
zlien[3] = new Array;
zlien[0][0] = '<A HREF="ajoutActeAdmin.php" CLASS=ejsmenu TARGET="_parent">Acte Administratif</A>';
zlien[1][0] = '<A HREF="modifActeAdmin.php" CLASS=ejsmenu TARGET="_parent">Acte Administratif</A>';
zlien[2][0] = '<A HREF="supprActeAdmin.php" CLASS=ejsmenu TARGET="_parent">Acte Administratif</A>';
zlien[3][0] = '<A HREF="recherche.php" CLASS=ejsmenu TARGET="_parent">Document</A>';
zlien[0][1] = '<A HREF="ajoutLoi.php" CLASS=ejsmenu TARGET="_parent">Texte de loi</A>';
zlien[1][1] = '<A HREF="modifLoi.php" CLASS=ejsmenu TARGET="_parent">Texte de loi</A>';
zlien[2][1] = '<A HREF="supprLoi.php" CLASS=ejsmenu TARGET="_parent">Texte de loi</A>';
zlien[2][2] = '<A HREF="supprArchive.php" CLASS=ejsmenu TARGET="_parent">Document Archivé</A>';
zlien[1][2] = '<A HREF="modifArchive.php" CLASS=ejsmenu TARGET="_parent">Document Archivé</A>';
zlien[0][2] = '<A HREF="ajoutArchive.php" CLASS=ejsmenu TARGET="_parent">Document Archivé</A>';
zlien[0][3] = '<A HREF="ajoutMedia.php" CLASS=ejsmenu TARGET="_parent">Document médiathèque</A>';
zlien[1][3] = '<A HREF="modifMedia.php" CLASS=ejsmenu TARGET="_parent">Document médiathèque</A>';
zlien[2][3] = '<A HREF="supprMedia.php" CLASS=ejsmenu TARGET="_parent">Document médiathèque</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\">&nbsp;&nbsp;"+msg[pass]+"</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=80><TR><TD><TABLE CELLPADING=0 CELLSPACING=1 BORDER=0 WIDTH=100% HEIGHT=80>')
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">Ajouter</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">Modifier</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">Supprimer</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">Rechercher</FONT></TD></tr>')
	document.write('</TABLE></TD></TR></TABLE></DIV>')
	}
document.write('</div>');

Menu2:

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
 
bgcolor='#FF9900';
bgcolor2='#FFFFCC';
document.write('<style type="text/css">');
document.write('.popper { POSITION: absolute; VISIBILITY: hidden; z-index:15; left:99px ')
document.write('#bas { position:absolute;  z-index:10; }')
document.write('A:hover.ejsmenu2 {color:#000000; text-decoration:none;}')
document.write('.ejsmenu2 {color:#000000; text-decoration:none;}')
document.write('</style>')
document.write('<div style="position:relative;height:25"><DIV class=popper id=topdesk></DIV>');
 
 
/*
LIENS
*/
lien = new Array;
lien[0] = new Array;
lien[1] = new Array;
lien[1][0] = '<A HREF="supprTypeActe.php" CLASS=ejsmenu2>Type Acte Administratif</A>';
lien[0][0] = '<A HREF="ajoutTypeActe.php" CLASS=ejsmenu2>Type Acte Administratif</A>';
lien[0][1] = '<A HREF="ajoutTypeArchive.php" CLASS=ejsmenu2>Type Archive</A>';
lien[1][1] = '<A HREF="supprTypeArchive.php" CLASS=ejsmenu2>Type Archive</A>';
lien[0][2] = '<A HREF="ajoutTypeTexte.php" CLASS=ejsmenu2>Type Texte de Loi</A>';
lien[1][2] = '<A HREF="supprTypeTexte.php" CLASS=ejsmenu2>Type Texte de Loi</A>';
lien[1][3] = '<A HREF="supprTypeMedia.php" CLASS=ejsmenu2>Type Médiathèque</A>';
lien[0][3] = '<A HREF="ajoutTypeMedia.php" CLASS=ejsmenu2>Type Médiathèque</A>';
lien[0][4] = '<A HREF="ajoutAllee.php" CLASS=ejsmenu2>Allée d\'archivage</A>';
lien[1][4] = '<A HREF="supprAllee.php" CLASS=ejsmenu2>Allée d\'archivage</A>';
lien[0][5] = '<A HREF="ajoutCategorie.php" CLASS=ejsmenu2>Catégorie médiathèque</A>';
lien[1][5] = '<A HREF="supprCategorie.php" CLASS=ejsmenu2>Catégorie médiathèque</A>';
if(document.getElementById)
	{
	sknt = document.getElementById("topdesk").style
	sknt.left = 99;
	}
 
function popp(mssg,poss)
{
sknt.visibility = "hidden";
b=true
sknt.top = poss;
var cont ="<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000 WIDTH=150><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=1>";
passw = 0
while (passw < mssg.length)
	{
	cont += "<TR><TD BGCOLOR="+bgcolor+" onMouseOver=\"this.style.background='"+bgcolor2+"'\" onMouseOut=\"this.style.background='"+bgcolor+"'\" HEIGHT=20><FONT SIZE=1 FACE=\"Verdana\">&nbsp;&nbsp;"+mssg[passw]+"</FONT></TD></TR>";
	passw++;
	}
cont += "</TABLE></TD></TR></TABLE>";
document.getElementById("topdesk").innerHTML = cont;
sknt.visibility = "visible";
}
function kill()
{
	if(document.getElementById)
		sknt.visibility = "hidden";
}
document.onclick = kill;
if(document.getElementById)
	{
	document.write('<DIV ID=bas><TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000 WIDTH=100 HEIGHT=40><TR><TD><TABLE CELLPADING=0 CELLSPACING=1 BORDER=0 WIDTH=100% HEIGHT=40>')
document.write('<tr><TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';popp(lien[0],0)" onMouseOut="this.style.background=\''+bgcolor+'\'" CLASS=ejsmenu2><FONT SIZE=1 FACE="Verdana">Ajouter</FONT></TD></tr>')
document.write('<tr><TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';popp(lien[1],20)" onMouseOut="this.style.background=\''+bgcolor+'\'" CLASS=ejsmenu2><FONT SIZE=1 FACE="Verdana">Supprimer</FONT></TD></tr>')
	document.write('</TABLE></TD></TR></TABLE></DIV>')
	}
document.write('</div>');

[DOM] Menu Dynamique

JavaScript

Mode arborescent

Discussions similaires

Partager

Partager