[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>');

**SpaceFrog** · 08/08/2007, 10h59

Tu est paléonthologue ?
faire un menu avec document.write... j'étais pas né quand c'était à la mode, et line Renaud non plus

document.write

renseigne toi plutot sur le DOM ...

**Bisûnûrs** · 08/08/2007, 11h01

On propose plusieurs menus qui pourront peut-être t'intéresser et donc te débarasser de cette vieillerie immonde :

http://css.developpez.com/galerie/

**QuenTinO** · 08/08/2007, 11h07

non pas encore mais mon interface repose la-dessus et j'ai plus trop le choix mnt... Jsui bien embété ac ca dc j'aimerai résoudre mon pb, ca m'éviterai de tous recommencer...

[DOM] Menu Dynamique

JavaScript

Discussions similaires

Partager

Partager