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

Moderador: web

 
Mais de 75 postagens
Mais de 75 postagens
Tópico Autor
Mensagens: 75

Problema para pegar ID janela modal

03-04-2010 11:00

Salve salve galera.

Meu problema é o seguinte, tenho um formulário de pesquisa onde listo os clientes cadastrados, e tem algumas operações como Altera - Excluir - +Detalhes.
Quando clico em Excluir então me aparece uma janela estilo modal para mim confirmar ou cancelar a operação, só que a janela só aparece se eu deixar o href da seguinte forma abaixo, no entanto se ele ficar assim não tem como eu pegar o ID de que em preciso excluir.
href="#dialog2";

Para mim pegar o ID antes o href ficava da seguinte forma abaixo:
href ="<?php echo "index.php?link=6&opcao=Excluir&codigo=" .mysql_result ($dados, $linha, id)?>">

Tentei fazer como ele funcionasse mais não deu certo, quando clico em excluir deixando o href da segunda forma, a tela até fica escura, no entanto, não aparece a div para mim confirmar ou cancelar a operação.

Abaixo está a consultar que uso para buscar os cliente:
$sql = "SELECT anam.*, cli.nome AS cliente, cli.endereco AS endereco, cli.sexo AS sexo, cli.cpf AS cpf FROM anamnese AS anam INNER JOIN cliente AS cli ON cli.id = anam.cliente_id order by nome LIMIT $inicio, $qnt";

Aqui está a div que era pra aparecer quando eu clicasse em excluir
<div id="boxes"> <!-- Janela Modal com Bloco de Nota --> <div id="dialog2" class="window"> Excluir Registro.<br /><br /> <b>Você</b>, deseja excluir o(s) exame(s) de <br /><?php echo $nome; ?>? <br /><br /><br /> <input type="button" name="close" id="close" value="Fechar" class="close"/> <input type="submit" name="delete" id="delete" value="Confirmar" class="submit"/> </div> <!-- Fim Janela Modal com Bloco de Nota --> <!-- Máscara para cobrir a tela --> <div id="mask"></div> </div>

E aqui está o codigo em jquery:
<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(); }); $("#delete").click(function( e ){ if( confirm ) window.location = ("<a href="cliente/exc_cliente.php?opcao=Excluir&codigo=<?php echo $codigo?></a>"); else { e.preventDefault(); } }); }); </script>

Só para deixar claro os código estão na seguinte ordem em minha página 1º - Consulta SQL || 2º - Div para aparecer a janela || 3º - Codigo Jquery.

Então resumindo o que desejo fazer, pegar o ID de quem eu desejo excluir quando eu clicar em excluir e fazer com que a div que tem as opções pra mim confirmar ou cancelar apareça.

Desde de já obrigado pela ajuda de todos.
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17248
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Problema para pegar ID janela modal

03-04-2010 13:29

Parece que o importante é o hash #

Então tente deixar que o resultado HTML fique da seguinte forma: documento.php?valor=aaa#hashtal
0
Criar site grátis Wix
Hospedagem de sites Hostgator
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum
:rock:
 
Mais de 75 postagens
Mais de 75 postagens
Tópico Autor
Mensagens: 75

Problema para pegar ID janela modal

03-04-2010 16:01

Deixei meu link da seguinte forma abaixo, mais continua da mesma forma. Esse #dialog2 na verdade é a DIV que é feita para chamar a janela.

<a href="<?php echo "index.php?opcao=Excluir&codigo=" .mysql_result ($dados, $linha, id)?>#dialog2"

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

Problema para pegar ID janela modal

03-04-2010 16:24

A idéia que tinha dado para valor do href era o seguinte

<a href="<?php echo "index.php?link=6&opcao=Excluir&codigo=" .mysql_result ($dados, $linha, id)?>#dialog2">link</a>

Você também pode se basear nesse confirm inline abaixo

http://www.codigosnaweb.com/forum/Confi ... _4934.html
0
Criar site grátis Wix
Hospedagem de sites Hostgator
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum
:rock:
 
Mais de 75 postagens
Mais de 75 postagens
Tópico Autor
Mensagens: 75

Problema para pegar ID janela modal

03-04-2010 18:56

Eu tinha deixado o link dessa forma que você falou.

Vou dá uma olhada no link e tentar adpatar para o que quero.
Valeu!
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17248
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Problema para pegar ID janela modal

03-04-2010 18:57

Flw :-)
0
Criar site grátis Wix
Hospedagem de sites Hostgator
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum
:rock:
 
Mais de 75 postagens
Mais de 75 postagens
Tópico Autor
Mensagens: 75

Problema para pegar ID janela modal

06-04-2010 11:47

Reativando esse tópico porque acho que estou errando por muito pouco.

Vamos ao que interessa, bom da forma que se encontra meu script eu já consigo pegar o ID de quem desejo excluir.
Mais tem um pequeno um pequeno porém, eu só consigo pegá-lo atraves do alert, quando a DIV que forma a janela modal se abre, perco esse ID.

Então acho que eu esteja errando por um detalhe, vou postar o código aqui abaixo para que vocês possa dá uma verificada.

Minha DIV que forma a janela modal está assim:
<div id="boxes"> <!-- Janela Modal com Bloco de Nota --> <div id="dialog2" class="window"> Excluir Registro.<br /><br /> <b>Você</b>, deseja excluir o cliente <br /> <?php echo $clienteid; ?>? <br /><br /><br /> <?php require_once "cliente/excluir-cliente-bd.php";?> <form id="formOnly" name="formOnly" method="post" action=""> <input type="button" name="close" value="Fechar" class="close"/> <input type="submit" name="delete" rel="<?php echo $clienteid?>" id="delete" value="Confirmar" class="submit"/> </form> </div> <!-- Fim Janela Modal com Bloco de Nota --> <!-- Máscara para cobrir a tela --> <div id="mask"></div> </div>

Meu código em Jquery está assim:
$(document).ready(function() { $('a[name=modal]').click(function(e) { e.preventDefault(); var id_cliente = $(this).attr("rel"); var id = $(this).attr('value'); $.ajax({ //type:"POST", //url:"cliente/excluir-cliente-bd.php", data:{id_cliente:id_cliente} //success: function(atual){ $(this).html(atual) } }) 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(); }); $('a[name=modal]').livequery('click',function(e) { e.preventDefault(); var id_cliente = $(this).attr("rel"); $.ajax({ //type:"POST", //url:"cliente/excluir-cliente-bd.php", data:{id_cliente:id_cliente} //success: function(atual){ $(this).html(atual) } }) }); });

E meu link está formado assim:
<div id="campo-pesquisa-operacoes" style="background:<?php echo $bgcolor; ?>;"><a rel="<?php echo $clienteid ?>" name="modal" value="#dialog2" href="">Excluir</a></div>

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

Problema para pegar ID janela modal

06-04-2010 16:27

Assim com trechos fica complicado entender. Tenta passar o id para uma variável, depois recuperar ele.
0
Criar site grátis Wix
Hospedagem de sites Hostgator
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum
:rock:
 
Mais de 75 postagens
Mais de 75 postagens
Tópico Autor
Mensagens: 75

Problema para pegar ID janela modal

06-04-2010 16:41

Bom galera o ID já estou conseguindo pegar do cliente que desejo excluir, no entanto, fica pegando o ID aleatoriamente, e não o do cliente que desejo excluir.

Por exemplo, pelo firebug tenho o seguinte retorno quando clico em "Thiago Reis" onde seu "ID=2"

http://localhost/excluir/?clienteid=2

Então vocês poderiam me dizer, mais ele está pegando o ID corretamente. Eu diria que você está certo, mais o problema é que ele pega esse ID corretamente apenas pela URL, no input onde digo que é para ele também pegar esse ID "2", as vezes aparece "1" "3" "4" e as vezes o proprio "2".

Então eu gostaria de quando eu clicasse no "Thiago Reis" onde seu "ID=2" que no input que é para mim excluir aparecesse "2" também todas as vezes que eu clicasse.

Nesse link aqui -->> http://www.mediafire.com/?emkl2nvedmu <<-- está o script que estou tentando fazer.

Para vocês entenderem melhor o que quero fazer, basta baixá-lo (se não for querer abusar da boa vontade de vocês, é claro) e dá um click em alguém, podem observar que na URL do firebug ele passa o ID certinho.

Mais quando a DIV se abre, então peçam para exibir o código fonte e observem nas seguintes linhas abaixo como o "ID" do primeiro não é o mesmo da URL e nem o "rel" do segundo.

<input type="submit" name="excluir" id="<?php echo $clienteid?>" value="Confirmar" class="submit" /> <div id="campo-pesquisa-operacoes" style="background:<?php echo $bgcolor; ?>;"><a rel="<?php echo $clienteid ?>" name="modal" id="#dialog2" href="">Excluir</a>

Alguém poderia me dizer aonde que estou errando ?!
Desde de já obrigado pela ajuda de todos.
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17248
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Problema para pegar ID janela modal

06-04-2010 17:03

Deu um erro aqui na index

Fatal error: Call to undefined function stringParaBusca() in C:\xampp\htdocs\excluir\index.php on line 15
0
Criar site grátis Wix
Hospedagem de sites Hostgator
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum
:rock:
 
Mais de 75 postagens
Mais de 75 postagens
Tópico Autor
Mensagens: 75

Problema para pegar ID janela modal

06-04-2010 17:21

Aqui está tudo normal, mais por via das dúvidas reupei novamente aqui está o link -->> http://www.mediafire.com/?dy4mn3kdd2x <<--
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17248
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Problema para pegar ID janela modal

06-04-2010 17:33

Foi erro de shot tag, no StringParaBusca estava: <? somente, vou olhar o script.

Dá uma estudada nesse código, pode ter um resultado melhor
http://www.codigosnaweb.com/forum/Delet ... _4941.html

Também te indico alguns modelos de janela modal nesse link abaixo
http://labs.abeautifulsite.net/projects ... erts/demo/
0
Criar site grátis Wix
Hospedagem de sites Hostgator
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum
:rock:
 
Mais de 75 postagens
Mais de 75 postagens
Tópico Autor
Mensagens: 75

Problema para pegar ID janela modal

09-04-2010 08:18

Bom dia web,

Ainda batendo cabeça com esse script que estou tentando fazer, já consigo excluir o cliente do BD, quando clico em 'Confirmar' na janela modal.

O problema está é que quando clico em 'Confirmar' a janela modal não se fecha, e através da transparencia dela, dá pra mim visualizar, o cliente que mandei excluir, mais quando dou F5 na página o mesmo desaparece tranquilamente.

E o que eu gostaria, era quando eu clicasse em 'Confirmar' a janela modal desaparecesse juntamente com o cliente que mandei excluir, sem dá refresh na pagina, entendeu ?!

Abaixo está o codigo da index modificado.
<link rel="stylesheet" type="text/css" href="formularios.css" /> <link rel="stylesheet" type="text/css" href="alert-confirm.css" /> <link rel="stylesheet" type="text/css" href="paginacao.css" /> <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="livequery.js"></script> <script type="text/javascript" src="querystring.js"></script> <?php $codigo = isset($_GET["codigo"]); $opcao = isset($_GET["opcao"]); require_once "conexao.php"; $nome = htmlspecialchars(trim(isset($_GET["nome"])), ENT_QUOTES); $cpf = htmlspecialchars(trim(isset($_GET["cpf"])), ENT_QUOTES); require_once("StringParaBusca.php"); $Search = stringParaBusca(utf8_decode("$nome")); if(isset($_GET['alterado']) && $_GET['alterado'] == "ok") { echo "<div id=\"envio_sucesso\"><img src='imagens/ok.gif' width='16' height='16' valign='middle'/>&nbsp;&nbsp;<strong>Dados</strong>&nbsp;$msg_alt</div>"; } if(isset($_GET['cadastro']) && $_GET['cadastro'] == "ok") { echo "<div id=\"envio_sucesso\"><img src='imagens/ok.gif' width='16' height='16' valign='middle'/>&nbsp;&nbsp;<strong>Cliente</strong>&nbsp;$msg_add</div>"; } ?> <div class="titulo_content"> <h1> Consultar Cliente </h1> </div> <br /> <div id="retorno"></div> <form id="formOnly" name="formOnly" method="get" action=""> <div id="mae-form"> <!-- Inicio DIV mae-form --> <div id="campo-pesquisa">Nome: <input name="nome" type="text" id="nome" value="<?php echo $_GET['nome'];?>" size="30" /> CPF: <input name="cpf" type="text" id="cpf" onKeyPress="formataCampos(this,'###.###.###-##')" value="<?php echo $_GET['cpf'];?>" size="20" maxlength="14"/> <input type="submit" name="pesquisar" id="pesquisar" value="Pesquisar" class="submit"/> <input name="opcao" type="hidden" id="opcao" value="<? echo $opcao ?>"> <input name="link" type="hidden" id="link" value="8"> </div> </form> <div id="campo-pesquisa-no-border"> <div id="campo-pesquisa-1">Nome</div> <div id="campo-pesquisa-1">Endere&ccedil;o</div> <div id="campo-pesquisa-1">CPF</div> <div id="campo-pesquisa-sexo" style="font-weight:bold">Sexo</div> <div id="campo-dados-operacoes">Opera&ccedil;&otilde;es</div> </div> <?php $p = isset($_GET["pagina"]); if(isset($p)) { $p = $p; } else { $p = "1"; } if(isset($_GET["pagina"])<=0) { $p="1";} $qnt = "10"; if ($nome != "") { $sql = "SELECT * FROM cliente WHERE nome REGEXP '" . $Search . "'"; } elseif ($cpf != "") { $sql = "SELECT * FROM cliente WHERE cpf like '%$cpf%'"; } else { $sql = "SELECT * FROM cliente"; } $resultado = mysql_query($sql); $linhas = mysql_num_rows($resultado); $pags = ceil($linhas/$qnt); if($p >="$pags") { $p="$pags"; } if($pags=='0') { if($p >="$pags") { $p="1"; } } if($linhas!=0) { $inicio = ($p*$qnt) - $qnt; } else { $inicio = 1; $qnt = 1; } if ($nome != "") { $sql = "SELECT * FROM cliente WHERE nome REGEXP '" . $Search . "' order by nome LIMIT $inicio, $qnt"; } elseif ($cpf != "") { $sql = "SELECT * FROM cliente WHERE cpf like '%$cpf%' order by nome LIMIT $inicio, $qnt"; } else { $sql = "SELECT * FROM cliente order by nome LIMIT $inicio, $qnt"; } $max_links = 4; $dados = mysql_query($sql); //$resultado = mysql_fetch_array($dados); for ($linha=0; $linha < mysql_num_rows($dados); $linha++) { $clienteid = mysql_result($dados, $linha, id); if (isset($bgcolor) && $bgcolor == "#F0F0F0") { $bgcolor = "#F9F9F9";} else { $bgcolor = "#F0F0F0"; } $nome = mysql_result($dados, $linha, nome); ?> <div id="boxes"> <!-- Janela Modal com Bloco de Nota --> <div id="dialog2" class="window"> Excluir Registro.<br /><br /> <b>Voce</b>, deseja excluir este cliente ?<br /> <?php //echo $clienteid; ?> <br /><br /><br /> <?php //require_once "excluir-cliente-bd.php";?> <form id="exclui-cliente" name="exclui-cliente" method="post" action=""> <input type="button" name="close" value="Cancelar" class="close"/> <input type="submit" name="Excluir" id="btn_confirma" rel="<?php echo $clienteid?>" value="Confirmar" class="submit" /> </form> </div> <!-- Fim Janela Modal com Bloco de Nota --> <!-- Máscara para cobrir a tela --> <div id="mask"></div> </div> <div id="campo-pesquisa-no-border"> <div id="campo-pesquisa-dados" style="background:<?php echo $bgcolor; ?>;"><?php echo $nome; ?></div> <div id="campo-pesquisa-dados" style="background:<?php echo $bgcolor; ?>;"><?php echo mysql_result ($dados, $linha, endereco) ?></div> <div id="campo-pesquisa-dados" style="background:<?php echo $bgcolor; ?>;"><?php echo mysql_result ($dados, $linha, cpf) ?></div> <div id="campo-pesquisa-sexo" style="background:<?php echo $bgcolor; ?>;"><?php echo mysql_result ($dados, $linha, sexo) ?></div> <div id="campo-pesquisa-operacoes" style="background:<?php echo $bgcolor; ?>;"><a href ="<?php echo "index.php?link=7&opcao=Alterar&codigo=".$clienteid?>"> Alterar</a> </div> <div id="campo-pesquisa-operacoes" style="background:<?php echo $bgcolor; ?>;"><a rel="<?php echo $clienteid ?>" name="modal" id="#dialog2" href="">Excluir</a> </div> <div id="campo-pesquisa-operacoes" style="background:<?php echo $bgcolor; ?>;"><a href ="<?php echo "index.php?link=9&opcao=Consultar&codigo=".$clienteid?>">+Detalhes</a> </div> </div> <?php }?> <script type="text/javascript"> var clienteid_global = 0; $(document).ready(function() { //seleciona os elementos a com atributo name="modal" $('a[name=modal]').click(function(e) { //cancela o comportamento padrão do link e.preventDefault(); //armazena o atributo href do link var id = $(this).attr('id'); //armazena o id do cliente clicado clienteid_global = $(this).attr("rel"); //armazena a largura e a altura da tela var maskHeight = $(document).height(); var maskWidth = $(window).width(); //Define largura e altura do div#mask iguais as dimensões da tela $('#mask').css({'width':maskWidth,'height':maskHeight}); //efeito de transição $('#mask').fadeIn(1000); $('#mask').fadeTo("slow",0.8); //armazena a largura e a altura da janela var winH = $(window).height(); var winW = $(window).width(); //centraliza na tela a janela popup $(id).css('top', winH/2-$(id).height()/2); $(id).css('left', winW/2-$(id).width()/2); $(id).fadeIn(2000); }); //se o botão fechar for clicado $('.window .close').click(function (e) { //cancela o comportamento padrão do link e.preventDefault(); $('#mask').hide(); $('.window').hide(); }); //se div#mask for clicado $('#mask').click(function () { $(this).hide(); $('.window').hide(); }); //se o botão 'Confirmar' for clicado então dá o submit no form $('#btn_confirma').click(function() { $('form#exclui-cliente').submit(function(){ var cliente_id = clienteid_global; $.ajax({ type:"POST", url:"excluir-cliente-bd.php", data:{clienteid:cliente_id}, success: function(atual){ $('#retorno').html(atual) } }) return false; }); }); }); </script> </div> <!-- Fim DIV mae-form --> <div id="both"></div> <div id="paginacao"> <div class="todas-anterior"> <?php $link_paginas = "index.php?nome=$nome&cpf=$_GET[cpf]&link=$_GET[link]&pagina="; if($p > 1) { $anterior = $p-1; $url = "$link_paginas$anterior"; echo "<a href=\"$url\" class=\"todas-link\">&laquo;</a>"; } else { echo "&laquo;"; } ?> </div> <div class="todas-proxima"> <?php if($pags > $p) { $proximo = $p+1; $url = "$link_paginas$proximo"; echo "<a href='$url' class=\"todas-link\">&raquo;</a>"; } else { echo "&raquo;"; } ?> </div> <div class="todas-paginas" align="center"> <?php for($i = $p-$max_links; $i <= $p-1; $i++) { if($i <=0){} else { echo "<span><a href=\"$link_paginas".$i."\" class=\"todas-link\">".$i."</a></span>\n"; } } echo "<span class=\"todas-not_link\">$p</span>\n"; for($i = $p+1; $i <= $p+$max_links; $i++) { if($i > $pags) { } else { echo "<span><a href=\"$link_paginas".$i."\" class=\"todas-link\">".$i."</a></span>\n"; } } ?> </div> </div>

E aqui está o codigo de 'Excluir' (excluir-cliente-bd.php)
<?php require_once "./conexao.php"; $clienteid = $_POST["clienteid"]; $sql = "DELETE FROM cliente WHERE id = '$clienteid'"; $query = mysql_query($sql) or die( mysql_error() ); if( $query ) { echo "<div id=\"envio_sucesso\"><img src='imagens/ok.gif' width='16' height='16' valign='middle'/>&nbsp;&nbsp;<strong>Cliente</strong>&nbsp;excluido com sucesso.</div>"; } ?>

Tens idéia do que devo modificar para a janela ficar com o comportamento que desejo ?!
Desde de já obrigado pela ajuda, té mais.
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17248
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Problema para pegar ID janela modal

09-04-2010 08:43

Você sabe o trecho do script que é carregado após clicar em confirmar? Se sim, você pode aplicar um display none para sumir a div pelo id dela, e recarregar o documento na div pelo load do jquery.
0
Criar site grátis Wix
Hospedagem de sites Hostgator
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum
:rock:
 
Mais de 75 postagens
Mais de 75 postagens
Tópico Autor
Mensagens: 75

Problema para pegar ID janela modal

09-04-2010 11:54

Olá web,

Fazendo uns testes aqui conseguir fazer com que a janela modal desaparecesse, no entanto, a pessoa que mandei excluir só desaparece quando pressiono F5.

A janela modal já desaparece, agora é fazer com que a pessoa que excluir desaparece após a janela sumir.

A parte do código que alterei é o seguinte abaixo:
$('#btn_confirma').click(function() { $('form#exclui-cliente').submit(function(){ var cliente_id = clienteid_global; $.ajax({ type:"POST", url:"excluir-cliente-bd.php", data:{clienteid:cliente_id}, success: function(atual){ $('#retorno').html(atual) } }) return false; }); $('#mask').hide(); $('.window').hide(); });

Tens idéia do que tenho que alterar para o registro sumir após o submit ?!
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17248
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Problema para pegar ID janela modal

09-04-2010 12:08

Aplica um load na div, que vai recarregar o documento que lista os dados.

$("div").load("documento.php");

0
Criar site grátis Wix
Hospedagem de sites Hostgator
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum
:rock:
 
Mais de 75 postagens
Mais de 75 postagens
Tópico Autor
Mensagens: 75

Problema para pegar ID janela modal

09-04-2010 12:48

Entendi o que você disse web, mais nesse caso que você disse eu teria que criar uma página exclusiva que mostra os resultado, correto ?!

No caso tenho a seguinte DIV onde são mostrador as pessoas cadastradas
<div id="campo-pesquisa-no-border"> <div id="campo-pesquisa-dados" style="background:<?php echo $bgcolor; ?>;"><?php echo $nome; ?></div> <div id="campo-pesquisa-dados" style="background:<?php echo $bgcolor; ?>;"><?php echo mysql_result ($dados, $linha, endereco) ?></div> <div id="campo-pesquisa-dados" style="background:<?php echo $bgcolor; ?>;"><?php echo mysql_result ($dados, $linha, cpf) ?></div> <div id="campo-pesquisa-sexo" style="background:<?php echo $bgcolor; ?>;"><?php echo mysql_result ($dados, $linha, sexo) ?></div> <div id="campo-pesquisa-operacoes" style="background:<?php echo $bgcolor; ?>;"><a href ="<?php echo "index.php?link=7&opcao=Alterar&codigo=".$clienteid?>"> Alterar</a> </div> <div id="campo-pesquisa-operacoes" style="background:<?php echo $bgcolor; ?>;"><a rel="<?php echo $clienteid ?>" name="modal" id="#dialog2" href="">Excluir</a> </div> <div id="campo-pesquisa-operacoes" style="background:<?php echo $bgcolor; ?>;"><a href ="<?php echo "index.php?link=9&opcao=Consultar&codigo=".$clienteid?>">+Detalhes</a> </div> </div>

Então, eu teria que transformar esse DIV em uma página e chama-lo no load ?! É isso o que tenho que fazer ?!
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17248
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Problema para pegar ID janela modal

09-04-2010 12:57

Não sei se é possível ai, mas, você poderia ter uma div GERAL, que vai mostrar os dados como estão ai. E ter um documento onde o resultado fosse esse mesmo ai.

No carregamento da página, iria mostrar já esse conteúdo, já quando fizesse alteração, iria dar um load na div GERAL, atualizando a lista.
0
Criar site grátis Wix
Hospedagem de sites Hostgator
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum
:rock:
 
Mais de 75 postagens
Mais de 75 postagens
Tópico Autor
Mensagens: 75

Problema para pegar ID janela modal

09-04-2010 17:30

Olá web, problema resolvido conseguir de uma forma um pouco diferente dessa que você disse, vou postar abaixo os codigos para que caso alguém no futuro deseje fazer o mesmo, tenha algo a mais em que se basear.

Consulta + Form + Janela Modal + DIV que visualizo os cliente cadastrados
$sql = "SELECT * FROM cliente"; for ($linha=0; $linha < mysql_num_rows($dados); $linha++) { $clienteid = mysql_result($dados, $linha, id); $nome = mysql_result($dados, $linha, nome); if (isset($bgcolor) && $bgcolor == "#F0F0F0") { $bgcolor = "#F9F9F9";} else { $bgcolor = "#F0F0F0"; } ?> <div id="boxes"> <!-- Janela Modal com Bloco de Nota --> <div id="dialog2" class="window"> Excluir Registro.<br /><br /> <b>Voce</b>, deseja excluir este cliente ?<br /> <?php //echo $clienteid; ?> <br /><br /><br /> <?php //require_once "excluir-cliente-bd.php";?> <form id="exclui-cliente" name="exclui-cliente" method="post" action=""> <input type="button" name="close" value="Cancelar" class="close"/> <input type="submit" name="Excluir" id="btn_confirma" rel="<?php echo $clienteid?>" value="Confirmar" class="submit" /> </form> </div> <!-- Fim Janela Modal com Bloco de Nota --> <!-- Máscara para cobrir a tela --> <div id="mask"></div> </div> <div id="campo-pesquisa-no-border" class="load-<?php echo $clienteid; ?>"> <div id="campo-pesquisa-dados" style="background:<?php echo $bgcolor; ?>;"><?php echo $nome; ?></div> <div id="campo-pesquisa-dados" style="background:<?php echo $bgcolor; ?>;"><?php echo mysql_result ($dados, $linha, endereco) ?></div> <div id="campo-pesquisa-dados" style="background:<?php echo $bgcolor; ?>;"><?php echo mysql_result ($dados, $linha, cpf) ?></div> <div id="campo-pesquisa-sexo" style="background:<?php echo $bgcolor; ?>;"><?php echo mysql_result ($dados, $linha, sexo) ?></div> <div id="campo-pesquisa-operacoes" style="background:<?php echo $bgcolor; ?>;"><a href ="<?php echo "index.php?link=7&opcao=Alterar&codigo=".$clienteid?>"> Alterar</a> </div> <div id="campo-pesquisa-operacoes" style="background:<?php echo $bgcolor; ?>;"><a rel="<?php echo $clienteid ?>" name="modal" id="#dialog2" href="">Excluir</a> </div> <div id="campo-pesquisa-operacoes" style="background:<?php echo $bgcolor; ?>;"><a href ="<?php echo "index.php?link=9&opcao=Consultar&codigo=".$clienteid?>">+Detalhes</a> </div> </div> <?php }?>

E por último o codigo em Jquery
var clienteid_global = 0; $(document).ready(function() { //seleciona os elementos a com atributo name="modal" $('a[name=modal]').click(function(e) { //cancela o comportamento padrão do link e.preventDefault(); //armazena o atributo href do link var id = $(this).attr('id'); //armazena o id do cliente clicado clienteid_global = $(this).attr("rel"); //armazena a largura e a altura da tela var maskHeight = $(document).height(); var maskWidth = $(window).width(); //Define largura e altura do div#mask iguais as dimensões da tela $('#mask').css({'width':maskWidth,'height':maskHeight}); //efeito de transição $('#mask').fadeIn(1000); $('#mask').fadeTo("slow",0.8); //armazena a largura e a altura da janela var winH = $(window).height(); var winW = $(window).width(); //centraliza na tela a janela popup $(id).css('top', winH/2-$(id).height()/2); $(id).css('left', winW/2-$(id).width()/2); $(id).fadeIn(2000); }); //se o botão fechar for clicado $('.window .close').click(function (e) { //cancela o comportamento padrão do link e.preventDefault(); $('#mask').hide(); $('.window').hide(); }); //se div#mask for clicado $('#mask').click(function () { $(this).hide(); $('.window').hide(); }); //se o botão 'Confirmar' for clicado então dá o submit no form $('#btn_confirma').click(function() { $('form#exclui-cliente').submit(function(){ var cliente_id = clienteid_global; $.ajax({ type:"POST", url:"excluir-cliente-bd.php", data:{clienteid:cliente_id}, //target:'div#campo-pesquisa-no-border', success: function(atual){ $('#retorno').html(atual); $('.load-'+cliente_id).remove(); $('#mask').hide(); $('.window').hide(); } }) return false; }); //$('#campo-pesquisa-no-border').load('index.php'); }); });

Muito obrigado pela ajuda web até a proxima :hai:
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17248
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Problema para pegar ID janela modal

09-04-2010 17:45

Boa, flw ;)
0
Criar site grátis Wix
Hospedagem de sites Hostgator
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum
:rock:
 
Primeiras postagens
Primeiras postagens
Mensagens: 1
Sexo: Masculino

Problema para pegar ID janela modal

24-05-2011 13:40

Boa tarde Web,

vendo que vc ja conseguiu resolver, poderia por favor disponibilizar os arquivos?

Não tenho conhecimento de janela modal e gostaria de aproveitar para estudar os códigos.

Muito obrigado!
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17248
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Problema para pegar ID janela modal

24-05-2011 13:43

Não sei exatamente qual script de janela Modal o usuário usou, mas, te indico esse link abaixo com exemplos que acho ser bem simples. No link tem a demonstração e o link para download da janela modal.

http://www.ericmmartin.com/projects/simplemodal-demos/
0
Criar site grátis Wix
Hospedagem de sites Hostgator
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum
:rock:

Quem está online

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