gust.php 1 Denunciar post Postado Novembro 3, 2015 Boa noite senhores. Estou com uma modal que recebe dados vindos do mysql para atualizar cadastro. Esses dados estão organizados em uma div na página pai em uma listagem. Quero fazer o seguinte, a modal abre com todos os dados do cliente, na hora que o usuário clicar no botão atualizar quero que a modal atualise os dados na div da página pai e depois feche. Ta acontecendo o seguinte, a div é atualizada a modal fecha mais fica aquela transparencia na tela e eu não consigo mexer em mais nada, tenho que recarregar o site. Meu código esta assim: <!-- CONTEUDO MODAL --> <section class="content"> <div class="box box-primary"> <div class="tabbable box-header with-border"> <!-- Only required for left/right tabs --> <ul class="nav nav-tabs" id="myTab"> <li class="active"><a href="#geral<?php echo "$linha->IDEMP"; ?>" data-toggle="tab">Geral</a></li> <li><a href="#endereco<?php echo "$linha->IDEMP"; ?>" data-toggle="tab">Endereço</a></li> </ul> <form action="pages/scripts/frmEmpresa.php?acao=edit&id=<?php echo "$linha->IDEMP"; ?>" method="POST" id="frm<?php echo "$linha->IDEMP"; ?>"> <div id="myTabContent" class="tab-content"> <div class="tab-pane fade in active" id="geral<?php echo "$linha->IDEMP"; ?>"> .... <!-- FIM MODAL --> </div><!-- Fecha Class Modal-Dialog --> </div> <!-- Fecha Modal --> </td> </tr> <script type="text/javascript"> $(document).ready(function(){ $("#frm<?php echo "$linha->IDEMP"; ?>").ajaxForm({ target: '#tabela', success: function(retorno){ $("#tabela").html(retorno); alert('Cadastro Atualizado Com Sucesso!!!'); } }); }); </script> <?php } ?> Tudo acontece, a div é atualizada com os dados do cliente sem recarregar a página, a mensgem de Sucesso aparece e a modal some, só que a transparencia fica na tela travando todo o sistema. Peço ajuadassssss .... Obrigado galera! Compartilhar este post Link para o post Compartilhar em outros sites
Maykel-ctba 233 Denunciar post Postado Novembro 3, 2015 Onde está o código que fecha o modal? Geralmente, os scripts tem um recurso de fechamento que encerra o script. Por exemplo, o fancybox: $.fancybox.close() Compartilhar este post Link para o post Compartilhar em outros sites
gust.php 1 Denunciar post Postado Novembro 3, 2015 Fala Maykel, Obrigado pela ajuda. Seria mais ou menos isso :::: <script type="text/javascript"> $(document).ready(function(){ $("#frm<?php echo "$linha->IDEMP"; ?>").ajaxForm({ target: '#tabela', success: function(retorno){ $("#tabela").html(retorno); alert('Cadastro Atualizado Com Sucesso!!!'); $.fancybox.close() ----> mudança sugerida. } }); }); </script> Compartilhar este post Link para o post Compartilhar em outros sites
Maykel-ctba 233 Denunciar post Postado Novembro 4, 2015 Primeiro, você usa Fancybox? Se sim, tente. Se precisar, instancie também o elemento do fancybox. Mas não há necessidade, geralmente. Após fechar, você pode fazer um script para alterar o HTML com ajax, conforme precisar. Compartilhar este post Link para o post Compartilhar em outros sites
gust.php 1 Denunciar post Postado Novembro 5, 2015 Fala Mykel, Peço desculpa pela ignorancia, rs ... Eu não uso Fancybox, nem sabia o que era. Uso a modal do bootstrap 3 Compartilhar este post Link para o post Compartilhar em outros sites