Abrir uma DIV automática

RCabral · Dezembro 12, 2011

:ninja: -RESOLVIDO- Não sei nada de Java script, estou construindo um site simples e utilizo um código para exibição de uma DIV que se fecha após 15 segundos, gostaria de saber como faço para exibir uma outra DIV permanente após o fechamento da primeira.

O código que utilizo é este:

<html>

<head>

</head>

<body>

<div id="banner_popup" style="position:absolute; top: 0px; left: 0px; display: none;">##Conteúdo##</div>

if(document.getElementById('banner_popup'))

abre_banner();

</script>

</body>

</html>

++++++++++++++

ARQUIVO BANNER.JS >>>>

++++++++++++++++++++++++++++++

function fecha_banner()

{

var banner_obj = document.getElementById('banner_popup');

banner_obj.style.display = 'none';

}

function fecha_banner_timeout()

{

setTimeout('fecha_banner()', 15000);

}

function abre_banner()

{

var banner_obj = document.getElementById('banner_popup');

banner_obj.style.left = '200px';

banner_obj.style.top = '100px';

banner_obj.style.display = '';

fecha_banner_timeout();

}

#### FUNCIONA CERTINHO, SÓ QUE PRECISO SABER COMO ABRIR OUTRA DIV QUE PERMANEÇA VISÍVEL LOGO APÓS O FECHAMENTO DA PRIMEIRA.

- "ESTOU NA ESPERA" -

Editado Dezembro 15, 2011 por RCabral

vini_loock · Dezembro 12, 2011

Só você adicionar uma div e esconde-la pelo css, ai na função fecha_banner(), você pega ela pelo id e mostra ela, simples assim

RCabral · Dezembro 13, 2011

:ninja: Tão simples, pra quem não sabe é um tormento.

Valeu pela força está tudo funcionando certinho..

Editado Dezembro 14, 2011 por RCabral

RCabral · Dezembro 14, 2011

Tive um problema! Apesar de ter funcionado em todos os navegadores que testei (Chrome, Opera, Firefox até em um tal Maxthon e no "Intermerda Explorer" que dá uma travada e depois executa, com um pouco de atraso mas executa) a função para fechar uma DIV não funciona sozinha. Seu quiser apenas fechar uma DIV sem abrir outra o script não executa. Ele só fecha uma DIV se tiver a função para abrir outra.

Segue os scripts:

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

PARA FECHAR A 1ª DIV

function fecha_banner()

{

var banner_obj = document.getElementById('banner_real');

banner_obj.style.display = 'none';

}

function fecha_banner_timeout()

{

setTimeout('fecha_banner()', 15000);

}

function fechar_banner()

{

var banner_obj = document.getElementById('banner_real');

banner_obj.style.left = '';

banner_obj.style.top = '';

banner_obj.style.display = '';

fecha_banner_timeout();

}

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

PARA ABRIR A 2ª DIV

function abrir_banner()

{

var banner_obj = document.getElementById('banner_jogo');

banner_obj.style.display = 'block';

}

function abrir_banner_timeout()

{

setTimeout('abrir_banner()', 15000);

}

function abre_banner()

{

var banner_obj = document.getElementById('banner_jogo');

banner_obj.style.left = '';

banner_obj.style.top = '';

banner_obj.style.display = '';

abrir_banner_timeout();

}

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

AS DUAS FUNÇÕES ESTÃO SENDO CHAMADAS PELO BODY DA PÁGINA

PORQUE SERÁ QUE ISSO ACONTECE?

Editado Dezembro 14, 2011 por RCabral

RCabral · Dezembro 15, 2011

:rolleyes: RESOLVI! O problema era apenas ordem dos elementos no OnLoad, troquei a ordem e funcionou um independente do outro.

Mudei de <body OnLoad='abre_banner(); fechar_banner();'>

Para <body OnLoad='fechar_banner();abre_banner()'>

Esta é a ordem que os eventos acontecem na página, só isso.

Infelizmente o "Intermerda Explorer" continua com seus travamentos antes de executar o segundo evento, o único jeito é indicar o uso de outro navegador.

Editado Dezembro 15, 2011 por RCabral

Entrar

Abrir uma DIV automática

Pergunta

RCabral

Link para o comentário

Compartilhar em outros sites

4 respostass a esta questão

Posts Recomendados

vini_loock

Link para o comentário

Compartilhar em outros sites

RCabral

Link para o comentário

Compartilhar em outros sites

RCabral

Link para o comentário

Compartilhar em outros sites

RCabral

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades