[Javascript] Menu js incompatible FF + XHTML 1.0 trans..

**genova** · 28/11/2004, 22h57

Bonsoir

Je gal�re pour mon site sur un menu javascript que j'ai t�l�charger sur l'�diteur javascript, ce menu de type menu windows focntionne mal sous firefox... Enfin il fonctionne bien, seulement lrosque je pr�cise le doctype XHTML 1.0 transitional il fonctionne mal et lorsque je supprime ce doctpe tout va bien (or je dois garder le doctype).
Le syndrome du probl�me est que l'affichage du d�roulement du menu lorsqu'on passe notre sourie sur une des cat�gories ne se fait pas sous la cat"gorie mais tout a gauche de l'�cran

Voil� le code du menu ci besoin, l�g�rement modifi�:

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
108
document.write('<style type="text/css">');
document.write('.popper { position: absolute; visibility: hidden; z-index:3; }')
document.write('.tgrand { font-size: 14px; font-weight: bold; text-decoration: none }')
document.write('.grand { font-size: 12px; text-decoration: none }')
document.write('#topgauche { position: absolute; z-index:10; }')
document.write('</style>')
document.write('<div style="position: relative; height: 25px"><div class="popper" id="topdeck"></div>');
/*
SCRIPT EDITE SUR L'EDITEUR JAVACSRIPT
*/
 
zlien = new Array;
zlien[0] = new Array; // Accueil
zlien[1] = new Array; // FSB
zlien[1][0] = '<div align="center" class="grand">News</div>';
zlien[1][1] = '<div align="center" class="grand">Support</div>';
zlien[1][2] = '<div align="center" class="grand">Téléchargement</div>';
zlien[1][3] = '<div align="center" class="grand">Démo</div>';
zlien[1][4] = '<div align="center" class="grand">Equipe</div>';
zlien[2] = new Array; // MODs
zlien[2][0] = '<div align="center" class="grand">News</div>';
zlien[2][1] = '<div align="center" class="grand">Listing</div>';
zlien[2][2] = '<div align="center" class="grand">Recherche</div>';
zlien[2][3] = '<div align="center" class="grand">Validator</div>';
zlien[2][4] = '<div align="center" class="grand">Compteur Automatique</div>';
zlien[2][5] = '<div align="center" class="grand">Norme</div>';
zlien[3] = new Array; // Graphisme
zlien[3][0] = '<div align="center" class="grand">News</div>';
zlien[3][1] = '<div align="center" class="grand">Démos de thèmes</div>';
zlien[3][2] = '<div align="center" class="grand">Listing</div>';
zlien[3][3] = '<div align="center" class="grand">Recherche</div>';
zlien[4] = new Array; // Hébergement
 
zurl = new Array;
zurl[0] = new Array; // Accueil
zurl[1] = new Array; // FSB
zurl[1][0] = 'news.php';
zurl[1][1] = 'fsb/index.php';
zurl[1][2] = 'dl.php';
zurl[1][3] = 'demo/index.php';
zurl[1][4] = 'equipe.php';
zurl[2] = new Array; // MODs
zurl[2][0] = '#';
zurl[2][1] = 'mods.php';
zurl[2][2] = 'search_mods.php';
zurl[2][3] = 'fastmodule_validator.php';
zurl[2][4] = 'fastmodule_compteur.php';
zurl[2][4] = 'fastmodule_norme.php';
zurl[3] = new Array; // Graphisme
zurl[3][0] = '#';
zurl[3][1] = 'themes/index.php';
zurl[3][2] = 'theme_cat.php';
zurl[3][3] = 'search_ressource.php';
zurl[4] = new Array; // Hébergement
 
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 = 24;
 
function pop(msg,url,pos)
{
	skn.visibility = "hidden";
	a=true;
	skn.left = pos;
	var content ='<table border="0" cellpadding="0" cellspacing="0" width="200"><tr><td><table bgcolor="#000000" cellspacing="1" cellpadding="3" width="100%">';
	pass = 0;
	while (pass < msg.length)
	{
		content += '<tr><td class="td_stats" height="20" onmouseover="this.style.background=\'#CCCCFF\';this.style.cursor=\'pointer\';" onmouseout="this.style.background=\'\';this.style.cursor=\'hand\';" onclick="top.location.href=\''+url[pass]+'\';">'+msg[pass]+'</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" width="800"><tr><td><table align="center" bgcolor="#000000" cellspacing="1" cellpadding="3" width="100%" height="25"><tr>')
document.write('<td width="160" class="td_stats" onmouseover="this.style.background=\'#CCCCFF\';this.style.cursor=\'pointer\';pop(zlien[0],zurl[0],0);" onmouseout="this.style.background=\'\';this.style.cursor=\'hand\';" onclick="top.location.href=\'index.php\';"><div align="center" class="tgrand">Accueil</div></td>')
document.write('<td width="160" class="td_stats" onmouseover="this.style.background=\'#CCCCFF\';this.style.cursor=\'pointer\';pop(zlien[1],zurl[1],159);" onmouseout="this.style.background=\'\';this.style.cursor=\'hand\';"><div align="center" class="tgrand">FSB</div></td>')
document.write('<td width="160" class="td_stats" onmouseover="this.style.background=\'#CCCCFF\';this.style.cursor=\'pointer\';pop(zlien[2],zurl[2],315);" onmouseout="this.style.background=\'\';this.style.cursor=\'hand\';"><div align="center" class="tgrand">MODs</div></td>')
document.write('<td width="160" class="td_stats" onmouseover="this.style.background=\'#CCCCFF\';this.style.cursor=\'pointer\';pop(zlien[3],zurl[3],474);" onmouseout="this.style.background=\'\';this.style.cursor=\'hand\';"><div align="center" class="tgrand">Graphisme</div></td>')
document.write('<td width="160" class="td_stats" onmouseover="this.style.background=\'#CCCCFF\';this.style.cursor=\'pointer\';pop(zlien[4],zurl[4],632);" onmouseout="this.style.background=\'\';this.style.cursor=\'hand\';" onclick="top.location.href=\'hebergeur.php\';"><div align="center" class="tgrand">Hébergement</div></td>')
document.write('</tr></table></td></tr></table></div></div>')