Info bulle (div,a href,img...)

Soyez le premier à donner votre avis sur cette source.

Vue 18 549 fois - Téléchargée 2 112 fois

Description

Affiche une bulle au passage de la souris contenant un texte ou une image sur n'importe quel objet html en ajoutant l'attribut bulle.
exemple <div bulle="votre texte dans la bulle">une div</div>

initialisation de la fonction
<body onload="init_bulle();">

Modification de
allElements[i].mouseover=fonction par allElements[i].attachEvent('onmouseover', show_bulle);
pareil pour mouseout et mousemove. addEventListener ne marche pas sous ie donc attachEvent

possibilité de gérér le temps d'apparition et de disparition de la bulle

Ajout effets d'affichage et de disparition (fadein,fadeout)

Bulle personnalisable par le fichier css.
testé sous ie7 et firefox 3

Premier script que je poste, soyez pas sévère :p

Merci à XTREMDUKE pour les conseils

Codes Sources

A voir également

Ajouter un commentaire

Commentaires

the_wwt
Messages postés
177
Date d'inscription
jeudi 5 octobre 2006
Statut
Membre
Dernière intervention
16 janvier 2009
1
Bonjour,

cette page n'est pas un espace publicitaire!

Si t'as une source et bien les gens iront la voir d'eux même.

A bon entendeur!
cs_meudon
Messages postés
35
Date d'inscription
lundi 13 octobre 2003
Statut
Membre
Dernière intervention
16 janvier 2009

Bonjour

Il y aussi une excellente réalisation qui produit une bulle avec image et/ou texte sur un mouseover

Je l'utilise depuis des années pour mes arbres généalogiques pour faire apparaitre les trombines et des infos supplémentaires. Mon arbre est une gif map avec images réactives.

Elle est sur ce lien:

http://www.dynamicdrive.com/dynamicindex4/imagetooltip.htm

Elle doit bien avoir déjà 6 ans d'age et s'est bonifiée avec le temps.

Elle est universellement compatible.

Si vous voulez voir le résultat sur mes pages,mettez moi un mot.
R3bo0t
Messages postés
1
Date d'inscription
dimanche 25 décembre 2005
Statut
Membre
Dernière intervention
14 novembre 2008

Tu permet, je vais utiliser ton script pour mon site web :p
lakichemole
Messages postés
253
Date d'inscription
vendredi 13 juin 2003
Statut
Membre
Dernière intervention
18 mai 2009

Moi y me plait bien ce script :)
aladeuil
Messages postés
17
Date d'inscription
mardi 27 décembre 2005
Statut
Membre
Dernière intervention
5 janvier 2009

@Xtremduke : Ah ça alors, c'est une super idée même que tu as là dis donc !! ^^
J'y vais de mon conseil pour répondre à the_wwt au passage : personnellement, je mettrai plutot des listener, comme ça tu n'as pas le problème de cumul des event.
@squall76 : ton code est bon, MAIS attention ! Tu définis ta page avec un doctype strict xhtml. Sur le concept je dis pas, mais attention à ton code html, il n'est pas compatible. C'est pas bien grave pour le cas présent, mais attention aux effets bizarres en javascript avec ça. Le DOM n'est pas le même...
Je vais faire le vieux con : continue, tu es bien parti !
Afficher les 9 commentaires

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.