Ir para conteúdo

POWERED BY:

Arquivado

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

Paulo - Dash

[Resolvido] Problemas com um Pop-UP dinâmico

Por , em Javascript

Recommended Posts

Paulo - Dash    0

Paulo - Dash
Postado

Olá, saudações pessoal do iMasters.

 

Eu sou novo no esquema de javascript e estou tendo dificuldades de posicionar um banner flutuante, feito em Flash, em um site que estou produzindo.

 

O esquema é pegar o banner e fazer com que ele fique na página por determinado tempo

Existem dois "botões" no Flash, um botão "fechar" e outro que redimensiona para uma página dentro do site.

 

Infelizmente, estou tendo problemas em separar o botão fechar do link que redireciona para a outra página, e isso não funciona em outros navegadores como o Internet Explorer (raiva) e também no Chrome, e estava funcionando perfeitamente no Firefox, até eu mexer em algumas coisas e destruir...

 

Resumo:

 

Preciso que o banner fique estático na página por, no mínimo 10 segundos;

Preciso separar o botão fechar do link que redireciona para a outra página (os dois parecem colados, pois quando clico no fechar -só Firefox- ele fecha e reabre a página, ao mesmo tempo)

 

Desde já agradeço o auxílio.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Jhony ZaM    1

Jhony ZaM
Postado

Ae amigao, fix ai pra voce um exemplo, bem simples, fix bem colorido para que voce possa axar as coisas facilmente.

Quero resaltar que nao me preocupei em estetica neste exemplo, aconcelho usar a biblioteca Jquery para que fique algo mais bonito e apresentavel, porem como voce queria foi feito, depois de 10 segundos fecha a tela fix as divs agora eh soh encaixar que ta tudo ok..

Segue o codigo abaixo

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Teste</title>

<script>
var contador = 0;
var intervalID = setInterval(function(){
contador++;
//este alert eh somente para acompanhar a contagem pode comentar ou descomentar
//alert(contador);
if (contador > 10)
{
	document.getElementById('pop_dinamico').style.display = 'none';
}
}, 1000);


function fecha_div()
{
document.getElementById('pop_dinamico').style.display = 'none';
}
</script>

<style>
body{
margin:0;
padding:0;
}
.principal{
width:100%;
height:100%;
position:absolute;
background:#0FF;
}

.pop_dinamico{
width:250px;
height:150px;
background:#F00;
position:fixed;
z-index:99;
left:40%;
top:30%;
}

.cabecalho{
width:100%;
height:30px;
background:#000;
float:left;
}
.botao_fechar{
width:30px;
height:30px;
background:#F0F;
float:right;
cursor:pointer;
}
.conteudo{
width:100%;
height:120px;
float:left;
background:#0F0;
}
</style>
</head>

<body>
<div class="principal">
	<div class="pop_dinamico" id="pop_dinamico">
		<div class="cabecalho">
			<!-- Esta Div representa a imagem que ira fechar a DIV -->
			<div class="botao_fechar" onclick="fecha_div()"></div>
		</div>
		<div class="conteudo">
			DIV CONTEUDO
		</div>
	</div>
</div>
</body>
</html>

 

Espero que ajude vlw...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Paulo - Dash    0

Paulo - Dash
Postado

Nossa, valeu amigão. *-* E como ajudou. Nossa, eu precisava entregar esse site há um bom tempo e agora tá tudo funcionando, inclusive no IE.

Agora só basta posicionar os botões certinhos que vai ficar uma beleza!

 

Mais uma vez, obrigado!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Jhony ZaM    1

Jhony ZaM
Postado

Nossa, valeu amigão. *-* E como ajudou. Nossa, eu precisava entregar esse site há um bom tempo e agora tá tudo funcionando, inclusive no IE.

Agora só basta posicionar os botões certinhos que vai ficar uma beleza!

 

Mais uma vez, obrigado!

 

Que isso maninho, fico muito feliz, muito mesmo em saber que estou ajudando, abraçã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