Est-il possible d'afficher alt=“texte” comme un mouseover info-bulle dans firefox, IE fait automatiquement?

Je ne veux pas répéter le texte d'alt dans le titre de nouveau? est-ce possible avec javascript , jquery, css solution? ou toute solution qui peut désactiver le montrer alt=texte et activer title=texr et dans une info-bulle?

C'est un bug d'Internet Explorer pour afficher le texte de remplacement dans une info-bulle. (Microsoft peut appeler cela une fonction mais le texte de remplacement est uniquement destinée à être affichée lorsque l'image ne peut pas être affiché.)

InformationsquelleAutor Jitendra Vyas | 2009-11-14

27

alt texte est pour une alternative représentation d'une image. title texte est pour les info-bulles.

IE comportement est incorrect à cet égard, et Firefox ne sera jamais à la mettre en œuvre. (Le bug dans la base de données de Bugzilla est #25537, qui est VÉRIFIÉ WONTFIX.)

Non seulement cela, mais même Microsoft a admis que leur comportement est incorrect, et IE 8 ne montre pas alt texte d'info-bulles plus!.

Donc ne comptez pas sur alt texte affiché dans une info-bulle. Utilisation title à la place.
- je sais, mais je ne veux pas répéter alt texte comme un texte de titre de nouveau et vous voulez le montrer info-bulle au survol de la souris dans les deux navigateur.
- Vous ne devriez pas être répéter la alt texte pour le title de toute façon. Le alt texte devrait être ce que vous voulez que les utilisateurs pour voir si ils vous ne pouvez pas voir l'image, tandis que title devrait être pour les info-bulles. Si vous avez à la fois alt et title définis dans votre code HTML, c'est à dire utilisera title pour l'info-bulle. Donc, si vous voulez un seul élément pour tous les navigateurs modernes, l'utilisation title, pas alt!
InformationsquelleAutor Daniel Pryden
19

La bonne façon de le faire est d'utiliser la titre attribut.

par exemple
```
<div title="This is your tooltip">...content...</div>
```
L'attribut "alt" est uniquement conçu pour fournir une "alternative" de texte lorsqu'un élément de l'image est utilisé (mais n'est pas disponible pour l'utilisateur... par exemple, les aveugles ou les utilisateurs avec des navigateurs en mode texte, etc.)
- u ne a juste dit que les aveugles ne peuvent pas voir l'image, mais ils peuvent voir le spécifiée Alt texte? 😮
- Juyal: Aveugle les utilisateurs auront logiciel de lecture d'écran. Les lecteurs d'écran peuvent lire texte, mais pas les images.
- gr8 je ne savais pas que c'merci +1
InformationsquelleAutor scunliffe
4

Comme scunliffe dit, la bonne façon de le faire est dans le title attribut. De son mieux pour se conformer à la norme que de compter sur IE non standard de comportement. Gardez à l'esprit l'attribut title est pour les info-bulles pour les utilisateurs qui peuvent voir l'image, le texte alt est pour les utilisateurs qui ne peuvent pas (bien qu'ils puissent voir le titre ainsi). Si cela vous dérange vraiment, vous pouvez simplement utiliser javascript pour définir les attributs de titre pour les attributs alt pour toutes vos images, vous donnant un navigateur croix effet de. 😀

Quelque chose comme ceci:
```
 var images=document.getElementsByTagName("img");
 for (var item in images) {
     item.title = item.alt;
 }
```
OU (W3 DOM style)
```
 for (var item in images) {
     item.setAttribute("title", item.getAttribute("alt") );
 }
```
OU (jQuery)
```
 $("img").each( function() { this.attr("title", this.attr("alt") ); }
```
(n'ai pas testé l'un de ces, de sorte que de légères modifications peuvent être nécessaires)
- La réutilisation alt texte pour le title attribut est une mauvaise idée pour l'accessibilité. Il n'y a pratiquement pas de cas où le même texte est approprié pour les deux.
- C'était un de mes premiers points de l'état lors de la rédaction de cette réponse, mais je ne pouvais pas penser à un bon exemple. Pourriez-vous en fournir un? 😀
- Jitendra post un peu de code dans la question et nous ferons de notre mieux pour vous aider. 😀
InformationsquelleAutor Gordon Gustafson
1

Noter que l'utilisateur peut supprimer title attribut des info-bulles dans Firefox par réglage de la configuration avancée paramètre browser.chrome.toolbar_tips à false.
- Mais alors vous n'obtenez pas les info-bulles, ce qui n'est pas ce que l'OP veut.
InformationsquelleAutor ewg
1

Ce jQuery tooltip script va prendre le contenu du titre et les affiche dans une info-bulle (y compris la mise en forme HTML). Bien que, il ne résout pas le IE bug de l'affichage du texte, vous pouvez ajouter un script pour effacer l'attribut alt, après le chargement de la page; mais comme l'a dit avant, c'est une mauvaise idée car elle ne permettra pas de lecteurs de documents de travail, comme prévu.
- je ne veux pas supprimer le texte d'alt à partir de la source. je veux utiliser le titre du texte dans une info-bulle dans tous les navigateurs
InformationsquelleAutor Mottie
0

Gordon réponse a été utile, mais la raison pour laquelle le jQuery n'a pas de travail est parce que this doit faire l'objet d'un sélecteur jQuery comme suit:

jQuery("img").each( function(){ jQuery(this).attr("title",jQuery(this).attr("alt") ) });

Il était également absente de l' ) pour fermer la .each() fonction.

InformationsquelleAutor J May

Vous devez vous connecter pour publier un commentaire.