Lo script che presentiamo permette di creare una pop up che utilizza i cookies. Se ricaricata, la finestra non viene riaperta fino alla distruzione automatica del cookie stesso dopo un intervallo di tempo scelto dall'utente.
La peculiarità sta nel fatto che il lasso di tempo impostabile può essere espresso in secondi, minuti, ore oppure giorni.
L'esempio si compone di 2 file:
- esempio.htm
- popup.htm
Per una più semplice comprensione del presente script fai continuamente riferimento ai file sopracitati, verificando le procedure e i dati espressi.
Solo in questo modo, con un continuo confronto, comprenderai le peculiarità di questo Javascript.
Inseriamo, tra gli <head> della pagina principale, il codice javascript:
<script type="text/javascript" language="javascript">
<!--
once("window.open('popup.htm', '',
'width=100,height=100,scrollbars=auto')","Prova", "10 secondi");
window.opener=self
function once(command,id,interval){
var mul = interval.substring(0,interval.indexOf(" "));
mul = parseInt(mul);
interval = interval.substring(interval.lastIndexOf(" ")+1,interval.length);
if (interval == "secondi"){ e = 1000; }
else if (interval == "minuti"){ e = 60000; }
else if(interval == "ore"){ e = 3600000; }
else if (interval == "giorni"){ e = 86400000; }
e = e * mul;
var now = new Date();
var ex = new Date();
ex.setTime(now.getTime() + e);
if (!getCookie(id)){
eval(command);
setCookie(id,"1",ex);
}
}
function setCookie(name, value, expire){
document.cookie = name + "=" + escape(value) + ((expire ==null) ? "" : (";
expires=" + expire.toGMTString()));
}
function getCookie(Name){
var search = Name + "=";
if (document.cookie.length> 0){
offset = document.cookie.indexOf(search);
if (offset != -1){
offset += search.length;
end = document.cookie.indexOf(";", offset);
if (end == -1) {
end = document.cookie.length;
}
return unescape(document.cookie.substring(offset, end));
} else {
return "";
}
} else {
return "";
}
}
-->
</script>
Tutti i possibili parametri sono impostati nella prima parte dello script:
popup.htm
è il nome della pagina pop up da aprire
width=100,height=100,scrollbars=auto
rispettivamente lunghezza, altezza e attributi della pop up. è possibile inserire anche altre caratteristiche
Prova
id del cookie
10 secondi
il tempo di autodistruzione del cookie. possiamo cambiare questo valore in minuti (scriveremo "x minuti"), ore (x ore), giorni (x giorni). Il conteggio del tempo di autodistruzione è da calcolarsi a partire dalla prima visualizzazione della pop up.
Nel caso volessimo mettere, nella pop up, un link da aprire nella finestra madre basterà inserire questo script tra i tag <head> della popup stessa:
<script type="text/javascript" language="javascript">
function loadurl(url){
window.opener.location=url
window.close()
}
</script>
I link invece saranno costruiti in questa maniera:
<a href="http://www.html.it" target="_top" onClick="loadurl(this.href);return false">
Naturalmente, affinchè lo script funzioni, è necessario che il browser del visitatore abbia i cookie abilitati altrimenti verrà aperta la pop up ad ogni reload. Altre modifiche non sono richieste.
