[Resolvido] Propaganda por cima do site

[Marcos Coelho2 2]

primeiramente mostrarei um modelo que vi em um site para vcs verem mais ou menos oq estou querendo

http://www.rededownload.com/download-bulletstorm-flt/#more-22276

 

abre uma propaganda por cima

so que a minha propaganda eu quero que seja da seguinte forma:

abre a propaganda e apos 5 seg feche automatico.

e q apenas o design seja mais ou menos parecido com a do site que passei.

 

já vi varias propagandas que funcionam dessa forma mais nao consegui achar nenhum site que me ajudasse a criar a minha.

 

espero que possam me ajudar a resolver mais esse problema

 

valeu!

[William Bruno 1501]

pesquise sobre janela modal.

[Marcos Coelho2 2]

encontrei esse tutorial

http://www.maujor.com/blog/2009/04/16/janela-modal-com-jquery/

 

funciona quase que perfeito

 

so falta duas coisas

quando a janela for aberta ao se clicar na tela nao pode fechar tem que continuar aberto

e tmb tem que fechar automaticamente apos 5 segundos que a janela for aberta

 

continuarei pesquisando e tmb esperando a ajuda dos colegas do forum...

 

A PARTE DE FECHAR COM 5 SEGUNDOS ACHO QUE ESSE CODIGO IRA FUNCIONAR

<script language="javascript">setTimeout("self.close();",5000)</script>

 

ENTAO FICARA FALTANDO quando a janela for aberta ao se clicar na tela nao pode fechar tem que continuar aberto

[William Bruno 1501]

O que faz a janela fechar qndo clica no overlay, é esse trecho aqui:

//se o botãoo fechar for clicado
$('.window .close').click(function (e) {
//cancela o comportamento padrão do link
e.preventDefault();
$('#mask, .window').hide();
});

//se div#mask for clicado
$('#mask').click(function () {
$(this).hide();
$('.window').hide();
});
});

basta removê-lo ou editá-lo ao teu gosto.

 

Oque você apresentou, não irá fechar o modal somente.

Estude, e entenda o script que pegou. Não se torne apenas um programador de copy and paste.

[Marcos Coelho2 2]

Willian Bruno

muito obrigado pela ajuda

quanto ao codigo <script language="javascript">setTimeout("self.close();",5000)</script>

ele funciona sim desde q seja uma outra pagina a chamada

mas nao irei usa-lo

e consegui fazer oq tinha pedido acima "nao fechar quando for clicado na tela"

 

tentarei outras formas para fechar depois de 5 segundos e postarei aki.

[William Bruno 1501]

quanto ao codigo <script language="javascript">setTimeout("self.close();",5000)</script>

ele funciona sim desde q seja uma outra pagina a chamada

pois é.. para fazer oque você quer, você precisa disparar com o setTimeout, uma function que dê o hide() nos elementos do modal.

[Marcos Coelho2 2]

consegui fechar apos 5 segundos

coloquei uma variação do codigo que tinha citado colokei assim:

setTimeout("$('#mask, .window').hide();",5000)

 

quero pedir ajuda somente para mais uma coisa

como posso fazer para abrir no onload??

link que estou usando para os testes

http://www.zonadownload.com.br/teste/

obs.: no link que passei acima tem que clicar na opção janela modal simples

 

quero pedir tmb que testem o link que eu passei em outros navegadores sem ser o firefox e o internet explorer pq nesses dois navegadores eu ja sei que funciona

[William Bruno 1501]

Já respondi essa dúvida umas 3 vezes aqui no forum, e baseado ainda nesse mesmo código do Maujor.

 

Veja.. você espera um click para abrir.

 

$(...).click(function(){

//rotinas para abrir

});

 

pronto, é só esquecer o trigger do click, e colocar o codigo que abre o modal fora dele.

[Marcos Coelho2 2]

ficou dessa forma...

http://www.zonadownload.com.br/TESTE/jquery-modal-window.html

 

mas como posso fazer para centralizar minha janela com javascript?

[Marcos Coelho2 2]

consegui centralizar...

era erro meu aki

e funcionou tudo corretamente ate eu colocar o link da propaganda.

 

nao sei bem o pq mas desconfigurou tudo

suspeito que é pq agora coloquei scripts dentro da div que abre

 

da uma olhada no que esta acontecendo com minha propaganda e da uma olhada no codigo tmb

talvez se alterar algo funcione da forma que eu quero.

link para analise: http://www.zonadownload.com.br/TESTE/jquery-modal-window.html

 

 

obs:. fiz algumas alterações no css mas somente para aumentar a janela para ficar do tamanho da propaganda.

 

já resolvi aki

muito obrigado pela ajuda e pode dar o topico como resolvido