Comment faire pour afficher une table dans une info-bulle à l'aide de jQuery?

J'ai un Gridview rempli avec les données et l'autre de la colonne contient un Bouton de Lien (Liste des Fichiers). Si je clique sur le Linkbutton (FileList) une .net événement sera déclenché et un appel sera fait à la base de données pour récupérer les données.

Comment afficher les données dans un tableau HTML format comme un outil de pointe comme le montre la photo ci-jointe? Je voudrais obtenir l'info-bulle à l'aide de jQuery.

Comment faire pour afficher une table dans une info-bulle à l'aide de jQuery?

  • quel est le format des données extraites de? JSON? Balisage HTML?
  • La récupération des données au format JSON
InformationsquelleAutor BumbleBee | 2011-10-04
  1. 13

    Exemple Simple:

    HTML 

    <a href="">test</a>
<table>
    <tr><td>asdf</td><td>gsdi</td></tr>
    <tr><td>asdf</td><td>gsdi</td></tr>
</table>

    JS

    $('a').hover(function(ev){
    $('table').stop(true,true).fadeIn(); 
},function(ev){
    $('table').stop(true,true).fadeOut();
}).mousemove(function(ev){
    $('table').css({left:ev.layerX+10,top:ev.layerY+10});
});

    CSS

    table{
    display:none;
    position:absolute;
}
td{
    border:1px solid red;   
}

    Violon démo

    • C'est exactement ce que je suis à la recherche!.=J +1
    InformationsquelleAutor Andy