Nessun risultato. Prova con un altro termine.
Guide
Notizie
Software
Tutorial

Pop up dinamica

Link copiato negli appunti

Lo script che presentiamo permette di creare una pop up all'uscita dal sito. La peculiarità dello script sta nel fatto che la nuova finestra si posizionerà al centro dello schermo con un movimento dinamico dall'alto verso il basso.

L'esempio si compone di 1 file:

  • esempio.htm
  • pop.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 lo script tra i tag <head> della pagina principale:

<script type="text/javascript" language="javascript">
<!--
var exit = true;
var Screenwidth = screen.width;
var Screenheight = screen.height;
var Windowwidth = 205;
var Windowheight = 100;
var PopWindow;
var Centro = (Screenwidth - Windowwidth) / 2;

var Conversore = 1.5707;

function xit() {
if (exit) {
PopWindow = window.open("pop.htm","PopWindow",",,top=0,left=0,resizable=no,scrollbars=no,toolbar=no,location=no,status=no");
setTimeout(Movimento(), 5000);
}
}
function Movimento() {
for(var PosizioneX = 0; PosizioneX < Conversore; PosizioneX += 0.08){
var PosizioneY = (Screenheight / 2) - (Math.cos(PosizioneX) * Centro);
PopWindow.window.moveTo((PosizioneX * Centro) / Conversore, PosizioneY);
}
}
//-->
</script>

Vediamo come personalizzare lo script:

var Windowwidth = 205;

questa stringa indica la larghezza che dovrà avere la finestra pop up (misura in pixel).

var Windowheight = 100;

questa stringa indica l' altezza che dovrà avere la finestra pop up (misura in pixel).

window.open("pop.htm","PopWindow",",,top=0,left=0,resizable=no,scrollbars=no,toolbar=no,location=no,status=no");

queste righe di codice riguardano la personalizzazione della pop up. Dovremo inserire il nome della pagina da aprire (in questo caso pop.htm) e deciderne le caratteristiche: scrollbars, toolbar, location bar, status bar etc etc. Basterà cambiare "no" con "yes".

Il resto dello script non va modificato.

A questo punto è importante inserire il gestore di eventi onUnLoad nel tag <body> della pagina. Questo comando farà sì che la pop up si apra nel momento in cui la pagina corrente viene chiusa o cambiata:

<body onUnLoad="xit()">

Questa operazione è fondamentale ai fini di un corretto funzionamento dello script.

Non ci rimane altro che creare la pop up che non richiede particolari modifiche.


Ti consigliamo anche