Discussion :

[over-]

Bonjour tout le monde, j'essai actuellement de faire apparaître un div en survolant un autre div, je sais que c'est un sujet qui revient et j'ai trouvé pas mal de post à ce sujet, c'est vrai. Mais à une chose près, je n'arrive pas à faire en sorte que le div reste actif tant qu'on reste dans le div en question ou dans le div de survol. De plus, lorsque je mets des éléments dans la div flyout, le fait de survoler les éléments internes, font comme si je quittais le conteneur flyout. J'ai donc essayer de bidouiller à ma façon, mais mes connaissances sont je pense trop faibles pour y arriver sans encombres ^^.

Je vous donne mes codes :

Code html :

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

1
2
3
4
5
6
7
8
9
<div id="test">
 
<div id="menu" class="margint10 round-border">
<a href="#"><img src="https://dl.dropbox.com/u/19982181/fab/plus.jpg" alt="" id="menu_link"/></a>
</div>
 
 
</div>
<div class="flyout hidden">test</div>

Et le JS :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<script type="text/javascript">
$("#menu").hover(function(){
    $('.flyout').show();
});
 
$("#test").mouseover(function(){
    $('.flyout').show();
});
 
$(".flyout").mouseout(function(){
    $('.flyout').hide();
});
</script>

Voilà en espérant que vous pourrez m'aider. Cdlt.

[danielhagnoul]

Bonsoir

Si j'ai bien compris (je n'ai pas le CSS) :

Code :

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

1
2
3
4
5
6
7
$( "#test" ).mouseenter( function(){
    $( ".flyout" ).show();
});
 
$( ".flyout" ).mouseleave( function(){
    $( ".flyout" ).hide();
});

[over-]

C'est.. Comment dire ? Efficace ! Merci beaucoup, ça paraît tellement simple quand on a la solution ^^. Sushi résolu !