× Aidez la recherche contre le COVID-19 avec votre ordi ! Rejoignez l'équipe PC Astuces Folding@home
 > Tous les forums > Forum des Webmasters
 Bulle de texte dans une zone cliquableSujet résolu
Ajouter un message à la discussion
Page : [1] 
Page 1 sur 1
Pegase7845
  Posté le 25/11/2014 @ 18:03 
Aller en bas de la page 
Petit astucien

Bonjour,

J'utilise Dreamweaver MX

Sur une image j'ai créé une zone cliquable qui est un lien qui va ouvrir une nouvelle page.

Dans le champ "Sec." je place une info ("Test" dans mon exemple) qui doit s'afficher lorsque la souris passe dessus.

Voici le code de la zone

<map name="Map">

<area shape="circle" coords="116,146,65" href="../archivecontact/archivecontact.html" target="_blank" alt="Test">

</map>

Or cela fonctionne avec IExplorer, mais ne fonctionne pas avec les navigateurs Chrome et Firefox.

Quelqu'un peut-il m'aider à résoudre mon problème ?

D'avance merci

Publicité
elle
 Posté le 25/11/2014 à 18:25 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Utilise l'attribut title au lieu de alt :

Les attributs alt et title

Dans le code HTML, l'attribut « alt » sert à mettre un texte de remplacement qui sera affiché en l'absence d'une image, d'un formulaire ou d'un applet, tandis que l'attribut « title », qui permet l'affichage d'une infobulle, donne des informations consultatives concernant l'élément sur lequel il se place.

Pegase7845
 Posté le 25/11/2014 à 18:58 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

Merci elle quelle rapidité...

Effectivement cela fonctionne maintenant avec les 3 navigateurs.

Je remarque une chose,

- avec Chrome et Firefox l'infobulle reste en permanence si la souris reste sur la zone, disparaît et ré apparaît si on déplace la souris > Normal

- avec IExplorer l'infobulle disparaît au bout 5 secondes environ si on laisse la souris dessus. Si on la laisse moins de 5 sec. consécutive, que l'on éloigne la souris et qu'on la replace l'infobulle disparaît et re apparaît normalement. Si on la laisse 5 sec. elle disparaît définitivement. Il faut rafraîchir la page pour la faire réapparaître.

Surprenant !

Une idée ?

Merci

elle
 Posté le 25/11/2014 à 19:00 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Je pense que ça provient juste du comportement de chaque navigateur (de IE, en fait, incapable de faire comme les autres)... mais je me trompe peut-être. ;-)
elle
 Posté le 25/11/2014 à 19:02 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Si tu conserves, en plus de title, alt="Test", ça change quelque chose pour le comportement de l'infobulle sous IE?
Pegase7845
 Posté le 25/11/2014 à 19:14 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

IE, en fait, incapable de faire comme les autres

Ça c'est bien vrai !

Si je laisse alt="Test" en plus de title, ça ne change rien !

Dommage !

Pegase7845
 Posté le 26/11/2014 à 08:57 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

Dommage pour les utilisateurs de IE, l'infobulle disparaîtra après 5 secondes !

Je marque en résolu.

Merci à Elle

Pégase

Page : [1] 
Page 1 sur 1

Vous devez être connecté pour poster des messages. Cliquez ici pour vous identifier.

Vous n'avez pas de compte ? Créez-en un gratuitement !


Les bons plans du moment PC Astuces

Tous les Bons Plans
58,99 €Kit de 16 Go (2 x 8 Go) de mémoire DDR4 Crucial Ballistix 3000 MHz à 58,99 €
Valable jusqu'au 20 Octobre

Amazon fait une promotion sur le kit de 16 Go (2x8 Go) de mémoire DDR4 Crucial Ballistix 3000 MT/s CL15 qui passe à 58,99 € livré gratuitement alors qu'on le trouve ailleurs à partir de 82 €.


> Voir l'offre
13,99 €McAfee Internet Security 2020 (3 appareils, 1 an) à 13,99 €
Valable jusqu'au 22 Octobre

Amazon fait une promotion sur la suite antivirus Internet Security 2020 qui passe à 13,99 €. Cette protection intégrale alliant antivirus, protection de l'identité et protection de la confidentialité des données pour tous vos PC, Mac, smartphones et tablettes est valide pour 3 appareils pendant 1 an. La clé d'activation ainsi que le lien de téléchargement vous seront envoyés par email une fois la commande passée. Une très bonne affaire.


> Voir l'offre
79,99 €Casque sans fil Sony WH-CH700N Bluetooth avec réduction de bruit active à 79,99 €
Valable jusqu'au 23 Octobre

Cdiscount fait une belle vente flash sur le casque sans fil Sony WH-CH700N Bluetooth qui passe à 79,99 € livré gratuitement alors qu'on le trouve ailleurs à plus de 120 €. Ce casque sans fil rechargeable (via micro USB) offre jusqu'à 35h d'autonomie. L'AINC (Artificial Intelligence Noise Cancelling) s'adapte à votre environnement, ce qui vous permet d'éliminer les bruits indésirables lors de vos voyages ou si vous êtes avec d'autres personnes dans une même pièce. Une très bonne affaire. 6 mois d'abonnement à Spotify Premium vous sont également offerts si vous êtes membre CDAV.


> Voir l'offre

Sujets relatifs
Insérer du texte dans une zone de texte(javatscrip
Afficher resultat de fonction dans zone texte html
editeur TinyMCE grande largeur texte dans page
Texte dans tableau
Aller à la ligne dans une info bulle
respecter les espaces dans un texte en php
Sauter une ligne dans un fichier texte.
update texte dans base mysql
HTML nom destinataire dans le texte
Insérer une icône et un texte dans la barre adress
Plus de sujets relatifs à Bulle de texte dans une zone cliquable
 > Tous les forums > Forum Forum des Webmasters