Tenho o seginte codigo:
<html> <% dim sSql, sFiltro, sIdFilme, sNomeFilme, sStatus, sMsgFiltro, sCorTRStatus sFiltro = trim(request.Form("txtFiltro")) %> <!--#include file="includes/abre-conexao.asp"--> <head> <title>Prova Teste</title> <link href="css/estilos.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function () { $('a[name=modal]').click(function (e) { e.preventDefault(); var id = $(this).attr('href'); var maskHeight = $(document).height(); var maskWidth = $(window).width(); $('#mask').css({ 'width': maskWidth, 'height': maskHeight }); $('#mask').fadeIn(1000); $('#mask').fadeTo("slow", 0.8); //Get the window height and width var winH = $(window).height(); var winW = $(window).width(); $(id).css('top', winH / 2 - $(id).height() / 2); $(id).css('left', winW / 2 - $(id).width() / 2); $(id).fadeIn(2000); }); $('.window .close').click(function (e) { e.preventDefault(); $('#mask').hide(); $('.window').hide(); }); $('#mask').click(function () { $(this).hide(); $('.window').hide(); }); }); function processa() { document.frmListar.action = "listar-filmes.asp"; } </script> </head> <body> <form method="post" action="" id="frmListar-filmes" name="frmListar-filmes"> <div> <span>Pesquisa de Filme</span> <br /> Pesquisar: <input type="text" name="txtFiltro" id="txtFiltro" /> <input type="submit" id="btnpesquisar" name="btnpesquisar" value="Pesquisar" onClick="processa()"/> <br /> </div> <div> <table cellpadding="1" cellspacing="0" align="center" border="1" width="100%"> <caption> Resultado da pesqauisa de filmes</caption> <thead> <tr> <td> Id Filme </td> <td> Nome do filme </td> <td> Status </td> <td> </td> </tr> </thead> <tbody> <% sMsgFiltro = "" if sFiltro = "" then sSql = "SELECT Id,Nome,Descricao,IdCategoria,status FROM Filme" else sSql = "SELECT Id,Nome,Descricao,IdCategoria,status FROM Filme WHERE Nome LIKE '" & sFiltro & "%'" end if set Rs = sever.createobject("Adbo.Recordset") set Rs = conndb.execute(sSql) if Rs.eof then sMsgFiltro = "Não existem filmes que atendam ao filtro: " & sFiltro end if if trim(sMsgFiltro) <> "" then%> <tr> <td colspan="4"> <%=sMsgFiltro%> </td> </tr> <%else While not Rs.EOF sIdFilme = Rs("Id") sNomeFilme = Rs("nome") sStatus= Rs("status") if sStatus = "0" then sStatus = "Inativo" sCorTRStatus = "#CCCCCC" else sStatus = "Ativo" sCorTRStatus = "#FFFFFF" end if %> <tr bgcolor="<%=sCorTRStatus %>"> <td> <%=sIdFilme%> </td> <td> <%=sNomeFilme%> </td> <td> <%=sStatus%> </td> <td> <a href="#dialog" name="modal">Detalhe</a><br /> Editar<br /> Excluir<br /> </td> </tr> <% Rs.movenext Wend end if %> </tbody> </table> </div> <div id="boxes"> <div id="dialog" class="window"> <a href="#" class="close">Fechar [X]</a><br /> Janela Modal Simples<br /> Aqui vai o conteúdo da sua Janela Modal Simples. </div> <div id="mask"></div> </div> </form> </body> <!--#include file="includes/fecha-conexao.asp"--> </html>
Com detlhar os itens no modal quando cicar em "Detalhar"