Как показать таблицу в виде всплывающей подсказки, используя jQuery? - PullRequest
Новая
       13

Как показать таблицу в виде всплывающей подсказки, используя jQuery?

2 голосов
/ 05 октября 2011

У меня есть Gridview, заполненный данными, и один из столбцов содержит кнопку ссылки (Список файлов). Если я нажму на кнопку Link (FileList), произойдет событие .net, и в базу данных будет сделан вызов для получения данных.

Как показать эти данные в формате таблицы HTML в виде всплывающей подсказки, как показано на прилагаемом рисунке? Я хотел бы получить всплывающую подсказку с помощью jQuery.

enter image description here

1 Ответ

13 голосов
/ 05 октября 2011

Простой пример:

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;   
}

Демонстрация скрипки

...