Discussion :

[fou-jea]

bonjour,
j'ai utilisé ce menu deroulant de developpez mais mo je veux ajouter une chose : c'est que lorsque l'utilisateur survole les elements d'un sous menu l'element de menu parent associé reste avec le background du hover (comme si on le survole lui aussi)
voila le lien du menu : http://css.developpez.com/tutoriels/...enu01test.html

est ce que c'est possible

merci bien

[Muchos]

Sans doute en javascript.

[fou-jea]

merci pour l'idée
dans mon cas je veux que l'image de background du hover reste la meme lors du survol sur les sous menus
alors pour cela dans un premier moment j'ai testé seulement la couleur avec le code suivant :
le script :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <h:outputStylesheet name="style.css" library="css" />
        <h:outputStylesheet name="styleTableExpansion.css" library="css" />
        <ui:insert name="tohead">content</ui:insert>
        <script type="text/javascript">
            function affecter_back(){
                var a = document.getElementById("menuparam")
                a.style.backgroundColor = 'red';
            }
        </script>
    </h:head>

et voila le html :

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
<div id="templatemo_menu">
                            <ul id="menuDeroulant">
                                <li><a href="/impression/faces/vues_admin/acceuil_admin.xhtml" class="current"><span class="home">Acceuil</span></a></li>
                                <li><a href="/impression/faces/vues_admin/touslesCommandes.xhtml" class="commandes"><span class="commandes">Commandes</span></a></li>
                                <li><a href="/impression/faces/vues_admin/utilisateurs.xhtml"><span class="users">Utilisateurs</span></a></li>
                                <li><a href="/impression/faces/vues_admin/newMessage.xhtml"><span class="gallery">Message</span></a></li>
                                <li><a href="/impression/faces/vues_admin/historiqueMessages.xhtml"><span class="contact">Messages</span></a></li>
                                <li>
                                    <a id="menuparam" href="/impression/faces/vues_admin/historiqueMessages.xhtml"><span class="contact2">Paramétres</span></a>
                                    <ul class="sousMenu">
                                        <li><a onmouseover="affecter_back()" href="#">CSS</a></li>
                                        <li><a onmouseover="affecter_back()" href="#">Graphic design</a></li>
                                        <li><a onmouseover="affecter_back()" href="#">Development tools</a></li>
                                        <li><a onmouseover="affecter_back()" href="#">Web design</a></li>
                                    </ul>
 
                                </li>
                            </ul>    	
 
                        </div>

mais dans ce cas le background ne devient en rouge que lorsque je survole sur l'element lui meme apres avoir survoler au moins une fois sur les sous menu