Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa tarde
Tenho um aplicação que apresenta ao usuário 02 mensagens, em uma janela gerada por WINDOW.OPEN, e para cada uma um GIF animado:
Mensagem 1: EM PROCESSAMENTO
O motivo dessa mensagem é que existe um script que atualiza as informações no banco de dados, e informa ao usuário que os dados estãos sendo processados A pagina HTML não foi iniciada.
O problema é que o GIF não fica animado e sim congelado.
Mensagem 2: PROCESSAMENTO CONCLUIDO
informa ao usuário que os dados estãos atualizados com sucesso e retorna a tela para cadastrados novos dados.
Na finalização o GIF fica animado.
Segue exemplo de rotina que utilizo.
*** TELA PRINCIPAL ***
<?php
if ($ctr_cadastro== "Incluir")<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset=iso-8859-1">
<title>Dados</title>
<script language="JavaScript" type="text/javascript"><!-- validar formulário -->
function validar(operacao)
{
var nome_janela = "janela";
var largura = 320;
var altura = 140;
var esquerda = (screen.width) ? (screen.width-largura)/2 : 0;
var topo = (screen.height) ? (screen.height-altura)/2 : 0;
var caracteristicas = 'height='+altura+',width='+largura+',top='+topo+',left='+esquerda;
nome_janela = window.open("", nome_janela, caracteristicas);
var imagem = '<center>'+'<img src="imagens/carregando.gif">';
var mensagem = '<br>'+'<center>'+'Em Processamento'+'<br>';
mensagem = mensagem.fontcolor("red");
mensagem = mensagem.bold();
mensagem = mensagem.fontsize(5);
var title = 'Janela Finalização';
var head = '<head><title>'+title+'</title></head>';
nome_janela.document.write(head);nome_janela.document.write(mensagem);
document.forms[formulario].submit();
nome_janela.focus();
}
</script>
</head>
<body>
<form name="empresa_principal" action="empresa.php" method="post" target="janela">
<label id="label_nome">Nome</label>
<input type="text" name="cia_nomefantasia" id="input_nome" value="<?=$cia_nomefantasia?>" maxlength="30" spellcheck="true" title="Nome Fantasia.">
<label id="label_telefone">Telefone</label>
<input type="tel" name="cia_telefone" id="input_telefone" value="<?=$cia_telefone?>" maxlength="13" onKeyDown="formata_telefone(this,event);" title="Telefone. Apenas Números.">
<?php
if ($operacao == "Incluir")?>
<div class="div_botao">
<a href="#" onClick="validar('Incluir');" class="botao_formulario">Incluir</a>
<a href="#" onClick="limpar();" class="botao_formulario">Limpar</a>
</div>
<?php
}
?>
<input type="hidden" name="ctr_cadastro" value="Atualizar">
</form>
</body>
</html>
<?php*** JANELA DO WINDOW.OPEN ***
else if ($ctr_cadastro == "Atualizar") // JANELA DO WINDOW.OPEN
{
?>
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset=iso-8859-1">
<title>Alteração Informações</title>
<script language="JavaScript" type="text/javascript">
function retornar()setTimeout("window.close();",2000);
opener.location.href = "<?=$_SERVER['PHP_SELF'];?>?operacao=Incluir";
}
</script>
</head>
<body onload="retornar();">
<?php** PROCESSAMENTO DOS DADOS **
?>
<img src="imagens/carregando.gif" alt="" id="loading" class="conteudo"/> *** GIF FICA ANIMADO ***
<section id="mensagem" class="conteudo">
<label>Processamento Concluído</label>
</section>
</body>
</html>
<?php
}Carregando comentários...