ADSL-BC

A tous et à venir
Salut,

J'ai une page Web dans laquelle j'ai programmé l'affichage d'info-bulles avec le tag
<a title="texte info-bulle">texte</a>.

Au boulot et chez moi, l'affichage des info-bulles fonctionne parfaitement sous FF, Chrome et IE.

Cependant, des utilisateurs externes m'ont signalé que les info-bulles ne s'affichent pas. Malheureusement, je ne sais pas me rendre sur place pour vérifier leur configuration.

J'ai donc fait des tests avec les navigateurs cités, et différents réglages dans les options. Tout fonctionne parfaitement, impossible d'empêcher l'affichage des info-bulles.

J'ai constaté qu'elles sont indépendantes de Javascript et ne sont pas affectées par les bloqueurs de pop-ups, ni par Adblock Plus sous FF, etc.

J'ai défà fait une recherche sur le Net, mais en vain.

Avez-vous une idée de ce qui pourrait bloquer l'affichage d'une info-bulle?

Merci d'avance.

Infobulles... C'est un peu vague, tu peux donner un exemple ou lien vers le site en nous disant où ca se trouve?

Kadrik a écrit :Infobulles... C'est un peu vague, tu peux donner un exemple ou lien vers le site en nous disant où ca se trouve?

Pour des exemples d'infobulles utilisant l'attribut title:
http://fr.wikipedia.org/wiki/Infobulle
Un texte apparaît lorsque tu places ton curseur sur les mots en bleu dans l'article.

Pour la page qui me concerne, je n'utilise pas d'hyperlien, mais uniquement l'attribut title pour afficher un texte complémentaire.
Ca ne sert à rien que je donne maintenant le lien vers cette page, car il s'agit d'une enquête en ligne, programmée de telle sorte que l'accès direct à une page au sein de l'enquête soit impossible.
Lundi, je mettrai en ligne une version non protégée.

Voici la page qui pose problème chez certains utilisateurs.

http://listen-spf.instantsurvey.eu/Surv ... Ethnos.dll

En plaçant leur curseur sur (?), ils ne voient pas les infobulles.

Ca passe sur tous les navigateurs chez moi, par contre ça ne peut pas passer sur smartphone ou tablette.... Mais c'est logique

Testé dans FF et Chrome mac, ça ne marche pas.

Si tu veux que ça marche partout tu dois avoir un attribut href. Mais l'idéal est de mettre l'attribut title sur le span par exemple (html5), parce que dans ton cas il ne s'agit pas d'un lien.

Code : Tout sélectionner

<a href="" title="Blabla">?</a> <!-- oldshool -->
<span title="Blabla">?</span>  <!-- html5 -->

ced64k a écrit :Testé dans FF et Chrome mac, ça ne marche pas.

Au boulot, et ailleurs, aucun problème avec FF, IE et Chrome, sauf chez 2-3 utilisateurs externes.

Voici la version avec l'attribut span, et merci pour ta solution.

http://listen-spf.instantsurvey.eu/Surv ... Ethnos.dll

Qu'est-ce que ça donne?

Merci d'avance.

Fonctionne très bien dans Firefox..

je confirme, je vois les infos bulles (win7 -firefox 24)

C'est sur le premier SPAN que tu devrais mettre l'infobulle, celui avec un ID, et non pas en rajouter un deuxième à l'intérieur du premier. Ce serait plus ergonomique...

Koshka a écrit :

ced64k a écrit :Testé dans FF et Chrome mac, ça ne marche pas.

Au boulot, et ailleurs, aucun problème avec FF, IE et Chrome, sauf chez 2-3 utilisateurs externes.

Voici la version avec l'attribut span, et merci pour ta solution.

http://listen-spf.instantsurvey.eu/Surv ... Ethnos.dll

Qu'est-ce que ça donne?

Merci d'avance.

Ca marche

rochels a écrit :C'est sur le premier SPAN que tu devrais mettre l'infobulle, celui avec un ID, et non pas en rajouter un deuxième à l'intérieur du premier. Ce serait plus ergonomique...

Je comprends, mais le problème est que les span, autres que ceux que j'ai liés aux (?) pour les infobulles, ce n'est pas moi qui les ajoute, mais le programme d'encodage.

En fait, le programme de m.... que je suis obligé d'utiliser pour encoder des enquêtes n'a pas d'éditeur Html.

Par exemple, dans la page que je vous ai soumise comme test, chaque intitulé de thème est encodé dans une zone de texte pur. Et je dois donc bricoler en insérant manuellement des tags pour activer une infobulle, mettre en gras, passer à la ligne, etc. Et si j'utilise <b></b> pour mettre en gras, je suis obligé d'insérer &nbsp; avant le <b> pour insérer une espace.

Je n'ai pas encore de retour des utilisateurs externes pour la version "span" de la page, mais je suppose qu'ils ne devraient plus avoir de problème.

En tout cas, merci beaucoup pour vos tests et votre aide.

Grâce au tag span, le problème est résolu... sauf sur un PC avec IE 10. Mais ce n'est pas grave.

Les liens utilisés dans ce sujet ne sont plus actifs, vu que j'ai dû supprimer ces pages de test de la plateforme d'enquête.

Merci encore.