Colocar Resposta 
 
Avaliação do Tópico:
  • 1 votos - 5 Média
  • 1
  • 2
  • 3
  • 4
  • 5
[tutorial] Como fazer uma popup (nivel básico) - Em páginas externas!
02-01-2010, 13:39 (Esta mensagem foi modificada pela última vez a: 03-01-2010 15:44 por asantos3.)
Mensagem: #1
[tutorial] Como fazer uma popup (nivel básico) - Em páginas externas!
Bem este tutorial é dedicado ao Marco Monteiro, que teve a brilhante ideia de perguntar como fazer uma popup...
Bem aqui vai o tutorial, mas neste caso irei por a popup numa página externa...

Linguagens a dominar para isto:
  • Html (Nível básico ou mais)

1 - Por o seguinte entre as tags <head></head>

Citar:
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.cookie.js"></script>
<script type="text/javascript">
$(document).ready(function(){
if ($.cookie('20080521') != '1') {
window.open('http://exemplo.com');
$.cookie('20080521', '1', { expires: 1 });
}
});
</script>

Nota: Se quiserem num ficheiro .js (actualização mais "dinâmica") deveram por apenas por:

Citar:$(document).ready(function(){
if ($.cookie('20080521') != '1') {
window.open('http://exemplo.com');
$.cookie('20080521', '1', { expires: 1 });
}
});

Guardando como exemplo.js e chamando o ficheiro num ficheiro html ou php desta forma:
Citar:<script type="text/javascript" src="exemplo.js"></script>
Pondo esta linha de código entre as tags <head></head>

Como mudar a permanência da popup:
Outras das caracteristicas que o Marco pergunto foi a "permanência" da popup, ele gostava que aparecesse só uma vez a popup,então vamos lá...

Para alterar o numero de dias que a popup aparece, alterar estas linhas de código:

Citar:if ($.cookie('20080521') != '1') {
Citar:$.cookie('20080521', '1', { expires: 1 });

Os numeros 1 equivale ao numero de dias em que a popup irá aparecer outra vez... Para isso é só alterar os 1 para o numero de dias... por exemplo para aparecer sempre é 0, para aparecer uma só vez na vida é 40000 (cem anos) ou mais...

Como isto é um tutorial para aqueles que não percebem patavina de programação, irei por o tutorial a funcionar em anexo...
Mas, já agora os ficheiros utilizados:

jquery:
http://jquery.com/

jquery cookie:
http://plugins.jquery.com/project/cookie

thickbox:
http://jquery.com/demo/thickbox/

------------------------------------------------
EDIT: No ficheiro em anexo adicionei para modo compativel, ou seja, pode extrair o .zip em programas como o 7zip


Ficheiro(s) anexado(s)
.zip  popup_extern.zip (Tamanho: 35,82 KB / Downloads: 38)

Procurar todas as mensagens deste utilizador
Citar esta mensagem numa resposta
03-01-2010, 15:43 (Esta mensagem foi modificada pela última vez a: 03-01-2010 15:47 por asantos3.)
Mensagem: #2
RE: [tutorial] Como fazer uma popup (nivel básico) - Em páginas externas!
------------------------------------------------
EDIT: Se testar no Chrome, teste num servidor Web...

Procurar todas as mensagens deste utilizador
Citar esta mensagem numa resposta
21-11-2011, 15:10
Mensagem: #3
RE: [tutorial] Como fazer uma popup (nivel básico) - Em páginas externas!
Olá, estou aproveitando para responder aqui pois acredito que você tem a resposta para a minha dúvida.
Eu fiz este popup no meu fórum

<script type="text/javascript" src="http://www.cliquebanner.com/cgi-bin/mostra.cgi?contaXX=alanbr">
Coloquei entre <body></body>, esse popup está abrindo 1 vez e para abrir outra tenho que deletar o cookie dele, tentei adicionar as linhas dos cookies, mas ficou dando erro no meu fórum. Pode me ajudar?
Obrigado.
Procurar todas as mensagens deste utilizador
Citar esta mensagem numa resposta
Colocar Resposta 


Saltar Fórum:


Utilizadores a ver este tópico: 1 Visitante(s)