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
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
- Div a
- Javascriptinfo - Meilleures réponses
- Href javascript - Meilleures réponses
- Menu avec info bulles en div - Codes sources - Javascript (Menu & Co)
- Vba excel info bulle cellule - Forum - Visual Basic
- Des info-bulles originals - Codes sources - ASP / ASP.NET (Javascript/DHTML)
- Des info-bulles originals - Codes sources - Javascript (Effets)
- Info bulle - Codes sources - Javascript (Effets)
Commentaires
- Messages postés
- 177
- Date d'inscription
- jeudi 5 octobre 2006
- Statut
- Membre
- Dernière intervention
- 16 janvier 2009
1cette 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!
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.
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 !
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.