IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

comment fermer automatiquement un menu


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre régulier
    Profil pro
    Inscrit en
    Janvier 2008
    Messages
    9
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2008
    Messages : 9
    Par défaut comment fermer automatiquement un menu
    Bonsoir
    voila mon menu se déroule normalement mais ne se referme pas quand la sourie le quitte . comment faire ?

    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
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    <script type="text/javascript">
    <!--
    window.onload=montre;
    function montre(id) {
    var d = document.getElementById(id);
    	for (var i = 1; i<=10; i++) {
    		if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
    	}
    if (d) {d.style.display='block';}
    }
    //-->
    </script> 
     
    <div id="menu" >
    	<dl>
     
    		<dt onmouseover="montre('smenu1');">
    			 <img src="<{$xoops_imageurl}>roll/barbord_m.gif"></dt> 
     
    			<dd id="smenu1">
    				<ul >
    					<li>
    					<a href="<{$xoops_url}>/modules/news/index.php?storytopic=3" >Expression du maire</a></li>  <br>
    					<li><a href="<{$xoops_url}>/modules/news/index.php?storytopic=4" >Les comptes</a></li>   <br>
    					<li><a href="<{$xoops_url}>/modules/news/index.php?storytopic=5" >Les projets</a></li>   <br> 
    					<li><a href="<{$xoops_url}>/modules/news/index.php?storytopic=6" >Le conseil municipal</a></li>	 <br>
    					<li><a href="<{$xoops_url}>/modules/news/index.php?storytopic=7" >Les élections</a></li> <br>
    					<li><a href="<{$xoops_url}>/modules/news/index.php?storytopic=8" >Info communales</a></li>	<br>
     
    				</ul>
     
    			</dd>
    	</dl>
    Merci

  2. #2
    Inactif  
    Avatar de Kerod
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    11 672
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 11 672
    Par défaut
    Tu utilises l'évènement que l'on t'a déjà donné dans l'autre thread : onmouseout et tu y fais la même chose que dans montre sans la boucle :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    cache(elt)
    {
        elt.style.display = 'none';
    }
    Dans le HTML :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <dl onmouseout="cache(this)">

Discussions similaires

  1. Réponses: 3
    Dernier message: 06/12/2012, 09h36
  2. Réponses: 8
    Dernier message: 28/06/2010, 12h30
  3. Réponses: 11
    Dernier message: 20/09/2007, 14h51
  4. Réponses: 6
    Dernier message: 28/04/2007, 09h58

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo