[Javascript] Menu js incompatible FF + XHTML 1.0 trans..
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:
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>') |
Je vous remercie de votre aide ;)