Menu deroulant / pb affichage Mozilla

flox -  
Droopy_ Messages postés 252 Statut Membre -
Bonjour à tous!
Un casse tete (enfin pour moi!)! Mon menu horizontal en JS ne marche que partiellement sur MOZILLA!
Les Premiers choix ne fonctionne pas (liens 0 à liens 4) et seuls, les 2 derniers fonctionnent (liens 5 & 6)!
Bien evidement... et je m'arrache les cheveux, car ce menu fonctionne bien sur IE!

De plus, un menu qui ne marche partiellement... c'est un demi-echec! Mais
Merci de m'aider car... je craque!

<SCRIPT LANGUAGE="JavaScript">

var taille = 800;
var taille2 = 15;

var couleur_fond = "#7D8BA1";
var couleur_rollover = "#BEC6CE";
var couleur_texte = "#FFFFFF";
var couleur_texte_over = "#000000";

var taille_texte = 3;
var police_texte = "Verdana";

var target = true;
var frame = "";
var nbelem = 7;

var titre = new Array(nbelem);
var liens = new Array(nbelem);

titre[0] = "ACCUEIL";
liens[0] = "997.HTML";
titre[1] = "BOARDS 997";
liens[1] = "997 PRODUIT.HTML";
titre[2] = "PARK 09";
liens[2] = "997 PARK.HTML";
titre[3] = "BLAST 09";
liens[3] = "997 BLAST.HTML";
titre[4] = "COMET 09";
liens[4] = "997 COMET.HTML";
titre[5] = "Accessoires";
liens[5] = "997 ACCES.HTML";
titre[6] = "Fabrication";
liens[6] = "997 fab.HTML";

function aff_menu(){
var taille_cellule = taille / nbelem;
cible = (!target)? "_blank":frame;

document.write("<table height=\""+taille2+"\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" width=\""+taille+"\" bgcolor=\""+couleur_fond+"\" style=\"border-color:#000000; border-width: 1px; border-style: solid\"><tr>");

for(i=0;i<nbelem;i++){
document.write("<td align=\"center\" width=\""+taille_cellule+"\" onmouseover=\"mOvr(this,'"+couleur_rollover+"');\" onmouseout=\"mOut(this,'"+couleur_fond+"');\" bgcolor=\""+couleur_fond+"\"><a style=\"color: "+couleur_texte+"; text-decoration: none\" href=\""+liens[i]+"\" target=\""+cible+"\"><font face=\""+police_texte+"\" size=\""+taille_texte+"\">"+titre[i]+"</font></a></td>");
}

document.write("</tr></table>");
}

function mOvr(src,clrOver){
if (!src.contains(event.fromElement)) {
src.style.cursor = 'hand';
src.bgColor = clrOver;
src.children.tags('A')[0].style.color = couleur_texte_over;
}
}

function mOut(src,clrIn) {
if (!src.contains(event.toElement)) {
src.style.cursor = 'default';
src.bgColor = clrIn;
src.children.tags('A')[0].style.color = couleur_texte;
}
}

</script>
A voir également:

1 réponse

Droopy_ Messages postés 252 Statut Membre 25
 
J'ai mis ton code dans un fichier HTML (vide). J'ai juste ajouté un aff_menu() à la fin pour lancer le menu, et il marche bien dans Mozilla Firefox... Tous les éléments fonctionnent.
0