Bonjour,
Je voudrais faire une popup simple qui s'affiche au survol de la souris sur un élément déclencheur et qui se ferme sur le mouseout de la popup.
Le seul problème c'est que lorsque je passer la souris sur du texte situé dans la popup, il y a donc mouseout et la popup de ferme... je ne voudrais qu'elle se ferme que lorsque l'on quitte la zone.
Je ne sais pas comment faire pour éviter cet effet
Je voudrais faire une popup simple qui s'affiche au survol de la souris sur un élément déclencheur et qui se ferme sur le mouseout de la popup.
Le seul problème c'est que lorsque je passer la souris sur du texte situé dans la popup, il y a donc mouseout et la popup de ferme... je ne voudrais qu'elle se ferme que lorsque l'on quitte la zone.
Je ne sais pas comment faire pour éviter cet effet
<img class="test-declencheur" src="images/quantite_inactif.png" alt="En cours de réaprovionnement" title="En cours de réaprovionnement" />
<div id="test-popup" class="test-popup">
<p><b>Actuellement en cours de réaprovionnement !</b></p>
<p>Je souhaite être informé par email lorsque cette référence sera à nouveau disponible :</p>
<p><label>Mon mail<label> <input id="email" type="text" name="email" /> <input name="enregistre_dispo" type="submit" value="OK" />
<input type="hidden" name="ref" value="{RREF}" /></p>
</div>
jQuery(".test-declencheur").mouseover(function(){
jQuery(this).next(".test-popup").show('fast');
jQuery("#email").focus();
});
jQuery(".test-popup").mouseout(function(){
jQuery(".test-popup").hide('fast');;
});