bonjour
J'utilise le script de NoSmoking pour menu en responsive.
je voudrais fermer quand on click à l’extérieur du div nav.
j'ai trouver ça pour fermer :

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
document.body.onclick = function(e){
  var evt = window.event || e; 
  var target = evt.target || evt.srcElement; 
  var prevent = false;
  while( target && !prevent ){
    // id des éléments qui ne déclenche pas la fermeture
    if( target.id == "lateral-panel" || target.id == "lateral-panel-bloc" )
      prevent = true;
    target = target.parentNode;
  }
  // si le clique n'était pas sur un élémént de la recherhe, on cache l'élément
  if( !prevent ){
    document.getElementById('lateral-panel-bloc').style.display='none';
  }
  // ne stop pas la propagation
  return true;
}
il me faudrait une simulation du clic sur label type checkbox à la place du display:none pour garder les effets de fermeture
Code html : 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
<div id="lateral-panel">
  <input id="lateral-panel-input" type="checkbox">
  <label id="lateral-panel-label" for="lateral-panel-input"><span class="tmenu">Menu</span></label>
  <div id="lateral-panel-bloc">
   <nav>
			<a href="user_settings/modif">Modifier Compte</a>
			<a href="reflink ">Mon Parrainage</a>
			<a href="user_settings/avatar">Mon Avatar</a>
			<a href="mesprive">Ma Messagerie</a>
			<a href="user_settings/pub">Ma Pubicité</a>
                        <a href="Donation">Faire un Don</a>
                        <a href="user_settings/mesdons">Mes Donations</a>  
			<a href="logout">Se déconnecter</a>
 </nav> 
 
  </div>
</div>