Simuler un clic sur type="checkbox"
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:
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:
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> |
