Pop up
Pop-up e Pop-under | (top)
Un pop-up è una finestra, solitamente di dimensioni minori rispetto alla pagina principale, che si apre in un secondo momento nel browser e mostra il proprio contenuto, sia esso un messaggio pubblicitario automatico o una pagina web contenente materiale. La finestra pop-up viene spesso generata da un JavaScript, ma esistono altri mezzi per ottenere lo stesso risultato. La pubblicità in finestre pop-up viene generalmente considerata più intrusiva e sgradevole rispetto ai banner, e diversi browser consentono all'utente di richiedere il blocco di questa funzionalità del browser.
Una variante meno intrusiva del popup è il pop-under. Quest'ultimo apre sempre una nuova finestra del proprio programma di navigazione, ma invece di apparire in primo piano questa resta posizionata dietro la pagina che si sta visitando, senza disturbare la lettura.
Questo di seguito è un semplice esempio di finestra pop-up che si apre all'accesso nella relativa pagina:
<script language="JavaScript">Start=window.open("http://scriptingweb.com",
"","toolbar=0,location=1,status=0,menubar=0,scrollbars=1,resizable=1,width=600,height=400")
</script>
Questo di seguito è un semplice esempio di finestra pop-under che si apre all'accesso nella relativa pagina:
<script language="JavaScript">
var popUnderWindow = window.open("http://scriptingweb.com", "popunder",
"width=600,height=400,resizable=yes,toolbar=0,
location=yes,status=0,menubar=0,scrollbars=yes,");
popUnderWindow.blur();
</script>
Se per esempio volessimo creare un pop-up automatico, senza file esterni, ma scrivendo e istruendo tutto da JavaScript, con l'apertura al click su un bottone, potremo usare:
<html>
<head>
<script language="JavaScript">
function WinOpen() {
msg=open("","DisplayWindow","toolbar=no,directories=no,menubar=no");
msg.document.write("<head><title>Esempio pop up");
msg.document.write("<center><h1><b>Ecco il pop up automatico");
}
</script>
</head>
<body>
<form>
<input type="button" name="Button1" value="Premi qui"
onclick="WinOpen()">
</form>
</body>
</html>
Esempio
All'interno delle finestre pop up sarà possibile inserire del codice ed applicare gli stili che si preferiscono.
Per aggiungere l'opzione (button form) dell'input di chiusura della finestra, basterà inserire un ulteriore riga
msg.document.write("<form><input type='button' value='Chiudi' onClick='window.close()'></form>");
top