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:
1 - Por o seguinte entre as tags <head></head>
Nota: Se quiserem num ficheiro .js (actualização mais "dinâmica") deveram por apenas por:
Guardando como exemplo.js e chamando o ficheiro num ficheiro html ou php desta forma:
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:
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
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