INFO BULLE (DIV,A HREF,IMG...)

XtremDuke Messages postés 626 Date d'inscription samedi 28 septembre 2002 Statut Membre Dernière intervention 18 mai 2009 - 19 sept. 2008 à 11:53
the_wwt Messages postés 177 Date d'inscription jeudi 5 octobre 2006 Statut Membre Dernière intervention 16 janvier 2009 - 16 janv. 2009 à 14:06
Cette discussion concerne un article du site. Pour la consulter dans son contexte d'origine, cliquez sur le lien ci-dessous.

https://codes-sources.commentcamarche.net/source/48002-info-bulle-div-a-href-img

the_wwt Messages postés 177 Date d'inscription jeudi 5 octobre 2006 Statut Membre Dernière intervention 16 janvier 2009 1
16 janv. 2009 à 14:06
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
16 janv. 2009 à 11:51
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
14 nov. 2008 à 09:27
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
22 sept. 2008 à 09:20
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
22 sept. 2008 à 07:14
@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 !
AlphaOrionis Messages postés 12 Date d'inscription dimanche 8 octobre 2006 Statut Membre Dernière intervention 29 octobre 2008
20 sept. 2008 à 15:39
J'aime beaucoup ce script.

Simple d'utilisation avec la possibilité de mettre des balises (en utilisant des simples quotes au lieu des doubles) et de personnaliser la bulle. Que demande le peuple ? :)
the_wwt Messages postés 177 Date d'inscription jeudi 5 octobre 2006 Statut Membre Dernière intervention 16 janvier 2009 1
20 sept. 2008 à 14:02
Bonjour,
l'idée est bonne, seulement il se pose un problème pour IE si l'utilisateur a déjà définis une fonction onmouseover, onmouseout ou onmousemove, ton script l'écrase.
Tu devrais vérifier l'existence d'une fonction au préalable, la sauvegarder et l'appeler après ton code.
Cordialement,
Pierrick
squall76 Messages postés 1 Date d'inscription mercredi 10 mai 2006 Statut Membre Dernière intervention 19 septembre 2008
19 sept. 2008 à 16:18
voila encore plus simple à utilisée ^^
merci Xtremduke c'est vrai que c'est mieux comme ça. pourquoi n'y ai je pas pensé plus tôt.
XtremDuke Messages postés 626 Date d'inscription samedi 28 septembre 2002 Statut Membre Dernière intervention 18 mai 2009 4
19 sept. 2008 à 11:53
Salut,

Juste deux petites remarques :

- Il serait plus simple pour le développeur d'ajouter simplement un attribut aux éléments qui doivent afficher un tooltip. Ainsi, au chargement de la page, ton script se chargerait de parcourir le document et d'ajouter les évènements à tous les éléments qui contiennent cet attribut.

Exemple :

...

- Aussi, tu crées une div a chaque mouseover. Créés-en une au chargement de la page et modifies simplement son contenu lors du mouseover.
Rejoignez-nous