Discussion :

[Silverat]

Bonjour,

Moi et le javascript... je suis en pleine galère pour un truc tout simple.

J'arrive à afficher/masquer une div lorsqu'on clic sur le bouton concerné mais je voudrais qu'elle se cache lorsqu'on clic n'importe où à l'extérieur de la div qui s'est affichée...

Mais je n'y arrive pas j'ai essayé pas mal de code différent sur le forum mais... toujours rien.

Voilà mon code :

Code javascript :

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
 
<script type="text/javascript">
function switchInfoLikes()
{
divInfo = document.getElementById('likes');
if (divInfo.style.display == 'none')
divInfo.style.display = 'block';
else
divInfo.style.display = 'none';
}
</script>
 
<script type="text/javascript">
jQuery(function($) {
    var test = $('#likes');
    $(document.body).click(function(e) {
        // Si ce n'est pas #likes ni un de ses enfants
        if(!$(e.target).is(test)&&!$.contains(test[0],e.target)) {
            alert('On ferme le menu !');
        }
    });
});
</script>

Et le code html :

Code html :

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

1
2
3
4
5
6
 
<a class="notifmenu" href="javascript: switchInfoLikes();"></a>
 
<div id="likes" style="display: none;">
	Blabla
</div>

J'espère que vous pourrez m'aider...

[danielhagnoul]

Code :

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

1
2
3
4
$( "body" ).not( "#likes" ).on( "click", function( event ){
    // debug, console, touche F12
    console.log( event.target );
});