Abrir uma DIV automática

RCabral · December 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" -

Edited December 15, 2011 by RCabral

vini_loock · December 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 · December 13, 2011

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

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

Edited December 14, 2011 by RCabral

RCabral · December 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?

Edited December 14, 2011 by RCabral

RCabral · December 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.

Edited December 15, 2011 by RCabral

Sign In

Abrir uma DIV automática

Question

RCabral

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

vini_loock

Link to comment

Share on other sites

RCabral

Link to comment

Share on other sites

RCabral

Link to comment

Share on other sites

RCabral

Link to comment

Share on other sites

Join the conversation

Forum Statistics

Browse

Activity