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