Menu deroulant / pb affichage Mozilla
flox
-
Droopy_ Messages postés 252 Statut Membre -
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>
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:
- Menu deroulant / pb affichage Mozilla
- Menu déroulant excel - Guide
- Excel menu déroulant en cascade - Guide
- Downloadhelper mozilla - Télécharger - Outils pour navigateurs
- Menu déroulant google sheet - Accueil - Guide bureautique
- Menu contextuel windows 11 retrouver l'affichage classique - Guide