HTML - comment puis-je afficher les info-bulle UNIQUEMENT lorsque le bouton de sélection est activé

J'ai eu une période avec des données dynamiques dans ma page qui contiennent des points de suspension. Sens:

<span style='text-overflow: ellipsis; overflow : hidden; white-space: nowrap;  
 width: 71;'>${myData}</span>

et je tiens à ajouter à cet élément d'info-bulle avec le même contenu (titre='${myData}'), mais je veux qu'il s'affiche uniquement lorsque le contenu est longue et les points de suspension apparaissent sur l'écran.


Est-Il possible de le faire?

une direction - lorsque le navigateur (c'est à dire dans mon cas) dessiner des points de suspension - t-il jeter un événement à ce sujet?

  • Gardez à l'esprit que text-overflow:ellipsis; ne fonctionne pas dans Firefox-voir cette question de plus: stackoverflow.com/questions/4927257/...
  • J'ai juste eu à faire quelque chose de similaire. Vérifier si element.offsetWidth < element.scrollWidth comme par cette réponse semble fonctionner pour autant.
  • les points de suspension de détection: stackoverflow.com/questions/7738117/...
  • Note pour la postérité: text-overflow:ellipsis; travaille maintenant dans Firefox; il a été ajouté dans Firefox 7 (publié en septembre 2011).
InformationsquelleAutor Spiderman | 2011-03-29