Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Espector

Passar $id para Modal Jquery

Recommended Posts

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.

Compartilhar este post


Link para o post
Compartilhar em outros sites

assista o vídeo

 

http://www.youtube.com/channel/UCCqNYznmvF0D6EJpbO-ZEYA

 

aula

 

Janela de confirmação com Jquery

 

achou que ajuda-la.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.