Comment ajouter une info-bulle à td dans un tableau

Question

Quelqu'un peut-il me donner un exemple d'ajout d'une info-bulle chaque fois que je survole un td dans un table .

Le contenu de l'info-bulle doit provenir des enregistrements de la base de données.

Exemple:

Si je survole un nom sur une table... l'info-bulle doit afficher ses informations.

Answer 1

Utilisez l'attribut title

 <table>
    <tr>
        <td>
            <a href="#" title="John Smith lives in New York."> John Smith </a>
        </td>
    </tr>
</table>

Démo en direct : http://jsfiddle.net/GpU5f/

Answer 2

Vous obtiendrez une infobulle au survol si vous ajoutez 'title="whatever"' au <td> :

 <tr><td title="whatever">hover here to see "whatever" in a tooltip</td>

L'origine du contenu du titre est une histoire différente et peut-être plus difficile, mais vous pouvez peut-être faire en sorte que le code du programme qui fournit le innerText de la cellule fasse de même pour le title=... de la cellule.

HTH

-- pete

Answer 3

<?php
    $test = "Test"
?>

 <table>
    <tr>
        <td title="<?php echo $test; ?>">Hi there</td>
    </tr>
</table>

Answer 4

puisque la question d'origine était étiquetée jquery et qu'aucun des exemples ne le mentionne (même s'il est trivial), c'est juste une question de

$(tdSelector).attr('title', titleText);

Answer 5

Quoi qu'il en soit, l'attribut title s'affiche sous forme d'info-bulle.

 <tr><td title="whatever">hover here to see "whatever" in a tooltip</td>

Je reçois une info-bulle de ce que la valeur de order.productTitle est jamais obtenue.

 <td title="{{order.productTitle}}">{{order.productTitle}}</td>