Discussion :

[YoChappu]

Bonjour,

J'ai créé un menu (avec sous menus) en html. Voici à peut près à quoi ça ressemble:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
<div>
<div>TITRE MENU</div>
<ul><li>Sous Menu 1</li>
<li>Sous Menu 2</li></ul>
<div>

Je cache mes sous menus grâce à la propriété css visibility:hidden.
Avec du JavaScript je précise que:

- lorsque je survole ma <div> contenant mon "TITRE MENU", je change la couleur et je fais apparaitre mes sous menus (onMouseOver).
- lorsque je survole mes sous menus, je change la couleur et je fais en sorte de laisser mes sous menus affichés (onMouseOver).
- lorsque je retire la souris de ma <div> principale (qui contient mon TITRE MENU et mes sous menus), je remets par défaut (onMouseOut).

Sous Firefox et IE8 aucun soucis. En revanche sous IE7 et IE6 lorsque je passe la souris sur un menu et ses sous menus ça clignote...
J'ai essayé de mettre un timeout, rien n'y fait! Quelqu'un aurait il une solution à proposer??

Merci d'avance!

[devyan]

Salut,

C'est tout à fait normal...

Le test de "protection" de la modification dans changeFondBleu() n'est pas correct...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
function changeFondBleu(menuG,menuM,menuD){
 
	if (!(document.getElementById(menuM).style.background=="transparent url(/images/mm-default.jpg) repeat scroll left bottom")) {
 
        document.getElementById(menuM).style.color="#fff";
        document.getElementById(menuG).style.background="url('/images/mg.jpg') bottom left";
        document.getElementById(menuM).style.background="url('/images/mm.jpg') bottom left";
        document.getElementById(menuD).style.background="url('/images/md.jpg') bottom left";
 
    }
}

"transparent url(/images/mm-default.jpg) repeat scroll left bottom" <> "url('/images/mm.jpg') bottom left"

[YoChappu]

Merci pour votre réponse mais ça ne change rien au problème... J'ai commenté mon mon "if" et le clignotement continue.

Cette condition me permet juste de ne pas changer la couleur bleue du menu en cours lorsque je fais un onMouseOut dessus (ne fonctionne que pour accueil pour l'instant).

Le background d'un menu actif est volontairement "images/mm-default.jpg" dans le cas de la div "mm"

[devyan]

Merci pour votre réponse mais ça ne change rien au problème... J'ai commenté mon mon "if" et le clignotement continue.

Cette condition me permet juste de ne pas changer la couleur bleue du menu en cours lorsque je fais un onMouseOut dessus (ne fonctionne que pour accueil pour l'instant).

C'est bien ce que je dis, ce test est NECESSAIRE
Mais il n'est pas correct et c'est pour ça que tu as le clignotement.

[YoChappu]

En quoi n'est il pas correct?

Je ne sais pas si vous avez vu, j'ai édité mon dernier message en ajoutant le commentaire suivant:

Le background d'un menu actif est volontairement "images/mm-default.jpg" dans le cas de la div "mm"

[devyan]

Il n'est JAMAIS vrai car tu compares 2 chaines qui sont différentes.

"transparent url(/images/mm-default.jpg) repeat scroll left bottom" <> "url('/images/mm.jpg') bottom left"

[YoChappu]

D'ou l'intérêt que je précise que ce contrôle ne me sert qu'à vérifié si je suis actuellement en train de parcourir le menu actif.

En gros je dis:

Si je ne suis pas dans le menu actuellement actif (avec le fond "/images/mm-default.jpg"), dans ce cas lorsque je fais un onMouseOver je remet le menu en blanc.

Prenons le cas ou je parcours justement le menu actif, je rentre dans la condition car mon menu actif aura toujours "/images/mm-default.jpg" comme background et non "/images/mm.jpg". Dans ce cas lorsque je quitte l'élément, je ne change pas sa couleur afin qu'il reste bleu.

Je précise que seul le bouton accueil est concerné pour le moment.

[devyan]

D'ou l'intérêt que je précise que ce contrôle ne me sert qu'à vérifié si je suis actuellement en train de parcourir le menu actif.

En gros je dis:

Si je ne suis pas dans le menu actuellement actif (avec le fond "/images/mm-default.jpg"), dans ce cas lorsque je fais un onMouseOver je remet le menu en blanc.

Prenons le cas ou je parcours justement le menu actif, je rentre dans la condition car mon menu actif aura toujours "/images/mm-default.jpg" comme background et non "/images/mm.jpg". Dans ce cas lorsque je quitte l'élément, je ne change pas sa couleur afin qu'il reste bleu.

Je précise que seul le bouton accueil est concerné pour le moment.

Le bout de code que tu fournis dit :
si je n'ai pas couleur de fond = transparent ET image = "/images/mm-default.jpg" ET scroll ET répétée en X et Y à partir du coin bas gauche ALORS je fixe image ="/images/mm.jpg" ET positionnée à partir du coin bas gauche.

donc tu vas toujours effectuer la modification du background donc tu vas avoir le fond qui clignote à chaque affectation sous IE6 et IE7 et c'est normal.

[YoChappu]

J'ai modifié mes contrôles javascript et mis en place le système de coloration du menu courant afin que ça paraisse plus clair pour tout le monde.

Mais je ne vois pas ce que ça change et ce qu'il faudra que j'écrive comme code pour arrêter le clignotement... Mon contrôle me sert uniquement à ne pas changer le "background" de mon menu actif...