Modo listagem | Modo Linear

asantos3

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