Ir para conteúdo

POWERED BY:

Arquivado

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

rodrigo antonio  cruz

PASSAR ID PARA UMA JANELA MODAL ATRAVÉS DE UM LINK <a href

Recommended Posts

Olá boa noite, venho pedir ajuda para os colegas mais experientes, o problema é o seguinte, tenho uma tabela que tem opção de editar os clientes, a opção editar é um link href que chama uma modal, e dentro dessa modal quero passar o ID do cliente que cliquei para que com o ID recebido irá executar uma query e buscar no BD as informações que quero sobre o cliente. BOM ABAIXO SEGUE OS CÓDIGOS PARA MELHOR COMPREENSÃO, POR FAVOR ME AJUDEM, DESDE JÁ AGRADEÇO.

<!-- Link que chama modal -->

<td><a href="#" data-toggle="modal" data-target="#clientes" style="text-decoration:none">EDITAR</a></td>

<!-- Modal Editar Clientes-->
<div id="clientes" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h3 class="modal-title"><i class="fa fa-pencil-square-o text-aqua "></i> Anamnese</h3>
</div>
<div class="modal-body">
<?php
ob_start();
include("../conexao/bd.php");
$id = $_GET['valorid'];
$query = "select * from clientes where `id` = '$id'";
$result = $mysqli->query($query);
$row = $result->fetch_assoc();
$nome = $row["nome"];
?>
<form action="servicosbd/editarclientes.php" method="POST" enctype="multipart/form-data">
<div class="col-md-6">
<div class="box-header">
<div class="form-group">
<label>Nome</label>
<div class="input-group">
<div class="input-group-addon">
<i class="fa fa-user-plus text-aqua "></i>
</div>
<input type="text" class="form-control" required name="nome" value="<?php echo $nome; ?>">
</div>
</div>
</form>
</div>
</div>
</div>
</div>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Ai tem 2 situações possíveis:

1 - O modal já existe no corpo da página e o JS apenas "ativa" ele, neste caso você terá que usar ajax para preenchê-lo com os dados do registro que deseja alterar.

2 - O modal abre um tipo de "iframe", neste caso você terá que ver na documentação do modal como proceder, já que isso varia de acordo com o que o desenvolvedor pensou.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Sim amigo, porém sou muito novo em javascript, entendo pouco, queria se o amigo pudesse me dar um exemplo de como fazer essa requisição via ajax pesquisei mto mas infelizmente n encontrei nada consistente que pudesse me esclarecer isso, desde já obrigado

Compartilhar este post


Link para o post
Compartilhar em outros sites

Rodrigo, esta usando qual Framework?

Olha, eu uso o Foundation 5 (Apesar deles já ter lançado o 6 eu ainda gosto de algumas coisas do 5).

O Modal deles funciona com ajax e tem algumas explicações, dê uma olhada na documentação logo abaixo explica como fazer com o ajax:

http://foundation.zurb.com/sites/docs/v/5.5.3/components/reveal.html

O 6 também tem a mesma funcionalidade:

http://foundation.zurb.com/sites/docs/reveal.html

Compartilhar este post


Link para o post
Compartilhar em outros sites

Você pode usar então um data-target referenciando o ID da linha que deseja abrir, mais ou menos assim:

No seu <a>:

<button type="button" class="btn" data-toggle="modal" data-target="#<?php echo $seuid; ?>">
    AbrirSeuModal
</button>

E puxar ele novamente no modal:

<div class="modal" id="<?php echo $seuid; ?>" >
qualquer coisa
</div

Compartilhar este post


Link para o post
Compartilhar em outros sites

SE AS INFORMAÇÕES ESTIVEREM EM UM LAÇO TIPO UM WHILE, É SÓ COLOCAR A MODAL DENTRO DO LAÇO JUNTO COM A INFORMAÇÃO,DEPENDENDO DO LAÇO VAI GERAR VARIAS MODAIS NA PAGINA MAS VAI RESOLVER SEU PROBLEMA

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.