France Hardware : Forums de discussion - Découvrez notre nouveau comparateur d'offres Internet
Retrouvez les prix près de chez vous :  
Index du forum | Liste des membres | Liste des groupes | Inscription | F-A-Q | Recherche
Pseudo :    Password :     
29 511 membres enregistrés - 2 069 322 posts - 122 027 topics
Index des forums FH  | Index des forums DegroupNews
      Programmation
           Langages Web
                problème de menu avec jquery
101 connectés(record : 2799 le 29 May 2016 - 15 h 34)

Vous devez vous connecter pour répondre au topic.
problème de menu avec jquery

keo
symfony2

Messages : 3 031
Inscrit le 08/11/02
Non connecté
  Posté le 18 August 2012 - 23 h 59 m 10 s
bonsoir je coince avec mon menu avec jquery, au démarrage, tout les sous menus sont déployé

une petit image pour le bug

http://keo.n.free.fr/bug.jpg

normalement il devrait avoir que le menu sélectionner au survole de la souris.

voici le code

    Code     
 1. $(document).ready(function(){
 2.             $(".deploy").hide();
 3.     $("#barre").hover(function() {
 4.         $(this).stop().fadeTo("fast",1)        
 5.     }, function() {
 6.         $(this).stop().fadeTo("fast", 0.6)
 7.     });
 8.  
 9.     $("#menu").children('li').hover(function() {
10.         $(".deploy").show();
11.     
12.     $(this).children('ul').fadeIn("slow");
13.     }, function() {
14.         $(this).stop().children('ul').fadeOut("fast");
15.     });
16. });
voici le html
    Code     
 1.  <body onload="prettyPrint()">
 2.         <div id="barre">
 3.             <ul id="menu">
 4. 
 5.                 <li>
 6.                     <a class="theme" href="/app.php/presentation">Accueil</a>
 7.                 </li>      
 8.                 
 9.                 <li>
10.                     <a  class="theme" href="#">Moodle</a>
11.                     <ul>
12. 
13.                         <li class="deploy">
14.                             <a  href="/app.php/e-learning">E-learning</a>
15.                             <a  href="/app.php/moodle-xampp">Comment installer XAMPP et Moodle</a>
16.                             <a  href="/app.php/LDAP-cohorte">LDAP et cohortes</a>
17.                             <a  href="/app.php/inscription-role">inscription rôle</a>   
18.                         </li>
19.                     </ul>
20.                 </li>
21.                 <li>
22.                     <a class="theme"  href="#">Symfony2</a>
23.                     <ul>
24.                         <li class="deploy">
25.                             <a  href="/app.php/symfony2-OVH">installer Symfony2 sur OVH et la console</a>  
26.                         </li>
27.                     </ul>
28.                 </li>
29.                 <li>
30.                     <a  class="theme" href="#">Portfolio</a>
31.                 </li>
32.                 <li>
33.                     <a class="theme" href="#">Mon activité</a>
34.                 </li>
35. 
36.             </ul>
37.         </div>


comment je dois m'y prendre .

Merci d'avance :)

c'est bon j'ai faire ce que je voulais :)


Message édité 1 fois, la dernière par keo le 21 August 2012 - 19 h 18.

java

Page genérée en 0.1686 secondes par RahForum 2.0 | Gzip off |  Stats |  Metaforums |  RSS
© 2004 Cerbere Systems.
Prix Matériel Informatique | Informatique Lyon | Informatique Grenoble | Informatique Annecy | Informatique Marseille | Informatique Bordeaux | Forum Informatique
ADSL | Actualité ADSL | Deligo | Appareil photo | Commande Au Volant
Creative Commons
Message Boards and Forums Directory