Passar $id para Modal Jquery
Ola,
Possuo um select com informações básicas no BD, porém gostaria que ao clicar no link, abri-se um modal jquery com todos os campos do BD relativos aos ID passado para o Jquery.
Segue meu código.
<?php
include './funcoes/conexao.php';
if(!isset($_POST['busca'])){
}else{
$busca = mysql_real_escape_string(strtolower($_POST['busca']));
// Validação do usuário/senha digitados
$sql = "SELECT * FROM usuarios WHERE ((`nome` LIKE '%".$busca."%') OR (`sobrenome` LIKE '%".$busca."%') OR (`email` LIKE '%".$busca."%') OR (`email` LIKE '%".$busca."%'))";
$query = mysql_query($sql);
while($linha = mysql_fetch_array($query)) {
$nivel = $linha["nivel"];
echo "<div class='resultado' id='resultado'>";
echo "<h1>".$linha["nome"]." ".$linha["sobrenome"]."</h1>";
if($nivel == 1)
{
echo "<h2>Nivel: Administrador</h2>";
}ELSE{
echo "<h2>Nivel: Usuário</h2>";
}
echo "<h3>Fone:".$linha["telefone"]." | E-mail:".$linha["email"]."</h3>";
echo "<a href='#janela1' rel='modal'>Janela modal</a>";
echo "<div class='window' id='janela1'>";
echo "<a href='#' class='fechar'>X Fechar</a>";
echo "<h4>".$linha["id"]."</h4>";
echo "</div>";
echo "<div id='mascara'></div>";
echo "</div>";
}
}
?>
E segue o jquery
$(document).ready(function(){
$("a[rel=modal]").click( function(ev){
ev.preventDefault();
var id = $(this).attr("href");
var alturaTela = $(document).height();
var larguraTela = $(window).width();
//colocando o fundo preto
$('#mascara').css({'width':larguraTela,'height':alturaTela});
$('#mascara').fadeIn(1000);
$('#mascara').fadeTo("slow",0.8);
var left = ($(window).width() /2) - ( $(id).width() / 2 );
var top = ($(window).height() / 2) - ( $(id).height() / 2 );
$(id).css({'top':top,'left':left});
$(id).show();
});
$("#mascara").click( function(){
$(this).hide();
$(".window").hide();
});
$('.fechar').click(function(ev){
ev.preventDefault();
$("#mascara").hide();
$(".window").hide();
});
});
Alguem pode me dar uma luz?
Como faço para passar o ID para o Jquery?
Obrigado.
Discussão (1)
Carregando comentários...