Info bulle

Petit nouveau ! | 2 Messages

23 déc. 2013, 19:03

:?: 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.

ViPHP
ViPHP | 1996 Messages

23 déc. 2013, 22:31

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]
It is nice to be important but it is more important to be nice
http://www.aureuswebfactory.fr

Eléphant du PHP | 130 Messages

24 déc. 2013, 13:19

Tu peux utiliser un tooltip.

Petit nouveau ! | 2 Messages

24 déc. 2013, 14:02

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.