Como manter uma janela modal enquanto a página anterior atualiza

[Renato Bento 0]

boa noite pessoal!

 

Vejam se vcs conseguem me dar uma ajuda.

 

Eu tenho uma tela chamada funcionarios é aonde o garçom recebe os pedidos das mesas que ele é responsável. Quando o cliente quer fechar a conta ele seleciona a forma de pagamento e pressiona um botão que altera o status da comanda para "aguardando" (precisa da autenticação do garçom para fehar a comanda), ao alterar o status uma <tr> muda de cor e habilita o link para a janela modal. Porém a tela do garçom fica atualizando a cada 10 segundos e quando atualiza a modal fecha. Eu queria que a modal só fechasse quando o garçom pressionasse o botão para sair ou quando ele confirmasse o pagamento da comanda.

 

 

trecho da tela de funcionário com a modal:

 

<table class="table table-bordered table-striped">
<?php

$j = count($titulo)-1;
for ($a=0;$a<$j;$a++) {
$resultFormapagamento = listarFormaPagamento($conexao, $idComanda[$a]);
if($aux != $titulo[$a]){
$aux = $titulo[$a];
$count=0;?>
<tr>
<?php if(trim($status[$a]) =='aberta'){?>
<td class="td-menu" colspan="7" style="background-color:#D8F6CE ">
<center>
<label><?= strtoupper($aux);?> </label>
</center>
</td>
<?php }else{?>
<td class="td-menu" colspan="7" style="background-color:#FA5858">
<center>
<a data-toggle="modal" data-target="#myModal"><label><?= strtoupper($aux);?> </label></a>
</center>
</td>
<?php }?>
</tr>
<div class="modal fade" id="myModal" role="dialog" >
<div class="modal-dialog">

<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">PAGAMENTO <?= strtoupper($aux);?></h4>
</div>
<div class="modal-body">

<?php while($linhaFormaPagamento = mysqli_fetch_assoc($resultFormapagamento)){?>

<input type="text" class="input form-control-renato" id="FP_idComanda"value="<?= $linhaFormaPagamento['FK_idComanda']?>" disabled="true"/>
<label><?= $linhaFormaPagamento['valor']?></label>
<p><?= $linhaFormaPagamento['tipo']?></p>
<p><?= $linhaFormaPagamento['bandeira']?></p> </br>
<?php }?>

</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>

</div>
</div>

função que faz a pagina atualizar:

 

setTimeout(reload,10000);

function reload(){
location.reload();
}

Desde já agradeço !

[Electronic 124]

O modal faz parte da pagina. se atualizar toda a pagina o modal vai voltar a ficar escondido

nao da pra fazer AJAX?

[Renato Bento 0]

não tenho ideia de como fazer para atualizar a pagina via ajax.! :wacko:

[Alaerte Gabriel 662]

Terá que ser feito via requisição assíncrona com ajax amigo. Envie a cada x segundos uma solicitação para página de processamento, ao invés de só atualizar a página. Ou, você pode utilizar ainda, o load() do jquery para carregar a página de fundo a cada x segundos, com o setTimeout.