+- Forum Pplware (http://forum.pplware.com)
+-- Fórum: Mais Tech (/forumdisplay.php?fid=11)
+--- Fórum: Programação e Web (/forumdisplay.php?fid=16)
+---- Fórum: Guias e Tutorials (/forumdisplay.php?fid=38)
+---- Tópico: [tutorial] Como fazer uma popup (nivel básico) - Em páginas externas! (/showthread.php?tid=4307)
[tutorial] Como fazer uma popup (nivel básico) - Em páginas externas! - asantos3 - 02-01-2010 13:39
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
RE: [tutorial] Como fazer uma popup (nivel básico) - Em páginas externas! - asantos3 - 03-01-2010 15:43
------------------------------------------------
EDIT: Se testar no Chrome, teste num servidor Web...
RE: [tutorial] Como fazer uma popup (nivel básico) - Em páginas externas! - alanbr00 - 21-11-2011 15:10
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.