Page 1 sur 1

Info bulle

Posté : 23 déc. 2013, 19:03
par abigot12
:?: Bonjour,
Je cherche un exemple simple d'affichage d'une info bulle lors du passage de la souris sur une image.
Je l'ai déjà réalisé mais j'ai oublié, je crois que c'était avec Windev.
Ici, je désire utiliser HTML ou PHP.
Merci pour les suggestions.

Re: Info bulle

Posté : 23 déc. 2013, 22:31
par Aureusms
Sous javascript... en utilisant un peu de Jquery
<div class="essai">
Survolez-moi
</div>
[javascript]$(document.body).on({
mouseenter :function () {
if ($('.infoBulle').lenght == 0) {
$('body').append('<div></div>').find('div:last-child').addClass('infoBulle').css({height:100, width:100});
}
$('.infoBulle').html('coucou').stop().show(100);
},
mouseleave : function () {
$('.infoBulle').html('Au revoir').stop().hide(100);;
}
},'.essai');[/javascript]

Re: Info bulle

Posté : 24 déc. 2013, 13:19
par benv8nam
Tu peux utiliser un tooltip.

Re: Info bulle

Posté : 24 déc. 2013, 14:02
par abigot12
Bonjour,
Merci pour les réponses, je ferai des essais après Noel.
Je vous souhaite d'ailleurs à tous un bon réveillon et un joyeux Noel.
Salut.