Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17720
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Como passar o id para uma div ou janela modal jQuery

13-05-2015 19:21

Nesse post vou mostrar como passar o id de um link para uma janela tipo modal usando o jQuery.

Para funcionar, além da biblioteca jQuery você tem que baixar o arquivo jquery.modal.js nesse link https://github.com/kylefox/jquery-modal

Agora você pode rodar o seguinte exemplo abaixo para passar o id para outro documento, que será carregado na janela modal.

<style> #ex1{ background-color:white; width:300px; height:300px; } </style> <script src="jquery.js"></script> <script src="jquery.modal.js" type="text/javascript" charset="utf-8"></script> <script> $(function() { $('.modal').click(function() { $('#ex1').html('Carregando..'); var id = $(this).attr('id'); $('#ex1').load('teste2.php?id='+id); }); }); </script> <div id="ex1" style="display:none;"></div> <a href="#ex1" class="modal" rel="modal:open" id="10">modal</a>

No arquivo teste2.php chamado no exemplo, você só precisa ter um echo para pegar o id enviado.

<?php echo $_GET['id']; ?>

Com o id você faz o que precisar. Consulta a banco de dados, etc.
4
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado