Ir para conteúdo

POWERED BY:

Arquivado

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

jpalma

window.open exibir gif animado

Por , em Javascript

Recommended Posts

jpalma    0

jpalma
Postado

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(imagem); *** GIF NÃO FICA ANIMADO ***
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
}

Desde já agradeço

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito