Nous avons codé des info-bulles simples sur notre site Web pendant un moment et je viens de réaliser que nous pouvions accomplir la même chose en utilisant simplement l'attribut "Title". Toute raison que nous ne devons pas utiliser l'attribut de titre comme une info-bulle? Y a-t-il des navigateurs qui ne supportent pas cette fonctionnalité? ( w3schools semble indiquer que tous les grands navigateurs prennent en charge cela.)
5 Réponses :
Tous les grands navigateurs prend en charge Avez-vous vu des utilisateurs sur la carte sur la carte (ce site)? S'ils ont utilisé le titre, il pourrait être impossible d'afficher une telle info-bulle merveilleuse. titre . Mais alors vous n'avez pas la capacité de montrer ce genre d'info-bulles personnalisées: http://www.dreamcsss.com/2009/03/list-of-25-javascriptajax-css-tooltip.html
Merci pour la pointe :) Nous avons une info-bulle plus sophistiquée pour quand nous en avons besoin. Nous avons juste eu besoin de quelque chose pour des info-bulles très simples et figurant au lieu de le coder, nous pourrions utiliser l'attribut de titre.
@Froadie: Oui Pour des conseils simples (principalement d'une ligne) Pas besoin d'utiliser des conseils sur mesure. Vous pouvez utiliser le titre pour cela.
C'est une norme, vous devriez être assez sûr.
De l'article que vous avez lié à - "Les navigateurs visuels affichent fréquemment le titre en tant que" Conseil à outils "". Ça ne sonne pas universel ...
Tous les grands navigateurs prennent en effet supporter des info-bulles, alors n'hésitez pas à utiliser l'attribut de titre pour eux. Je serais attentif que vous fournissez également un attribut alt pour refléter le titre pour l'accessibilité (principalement pour les utilisateurs à basse vision et les utilisateurs aveugles) et la tolérance des pannes (comme si l'image ne parvient pas à charger ou que l'utilisateur utilise un utilisateur de blocage d'images. agent d'une connexion lente).
Il est vraiment lent à apparaître (1s ou 2 sur chrome) et je doute que les internautes modernes aient beaucoup de patience qui l'attendait.
Vous pouvez utiliser des plugins tiers ou un code dur vous-même (ce que je fais la plupart du temps) à l'aide des événements "Mouseenter" de JQuery's et "Mouseleave". Code factice ci-dessous: HTML: P>
p>
$('#button-awesome').on('mouseenter', function () {
show Tooltip // toggle, or slideToggle, or .css("display","block") or .removeClass('hidden')
}).on('mouseleave', function () {
// undo what you've just done.
});Soyez prudent quand il s'agit de navigateurs mobiles. Cela n'est généralement pas soutenu là-bas.