Création d'une info-bulle sur une cellule de table?

Question

J'ai créé une table HTML qui a une fonction écrite en javascript qui prend la valeur de la position des curseurs dans une grande cellule de tableau, puis imprime la valeur dans une cellule.

Comment procéder pour imprimer la valeur dans une info-bulle au lieu d'une cellule de tableau?

Answer 1

La chose la plus simple à faire est de définir l'attribut "title" de certains éléments.

element.title = "Something to show in a tooltip"; 

Il existe des outils Javascript sophistiqués pour créer des infobulles. Vous ne dites pas où vous voulez l'info-bulle, donc ce n'est pas 100% clair ce que vous essayez d'accomplir.

Answer 2

vous pouvez aller montrer le contenu cellulaire dans une info-bulle par quelque chose comme ça

jQuery.fn.applyTooltip = function(options) { 

     var settings = $.extend({}, options); 

     return this.each(function() { 

      var ReqElemPosition = $(this).offset(); 

      $(this).hover(function() { 

       $('body').append('<div class="tooltip"></div>'); 

       tooltip = $('.tooltip'); 

       tooltip.empty().append($(this).text()); 

       tooltip.fadeIn('fast').css({ 

        top: ReqElemPosition.top + tooltip.height() * 2 - $('body').offset().top, 

        left: ReqElemPosition.left - ($('body').offset().left - $(this).offset().left) 

       }); 

      }, function() { 

       tooltip.fadeOut('fast', function() { 
        $(this).remove(); 
       }); 
      }); 

     }); 
    }; 

$(document).ready(function() { 

    $('td').applyTooltip(); 
});