Aprire una finestra "pop-under"
La finestra "pop-under" è una finestrella del tutto simile alla "pop-up" con la differenza che all'atto dell'apertura si posiziona al disotto della pagina che la apre. Viene utilizzata normalmente per caricare in background messaggi pubblicitari che passano in primo piano a caricamento avvenuto.
Sono utili anche nel caso si debba eseguire un brano musicale che non riparta ad ogni cambio pagina del sito, inserendo le istruzioni per l'esecuzione del file musicale proiprio nel documento HTML che viene aperto in finestrella. Il fatto che non sia visibile dà un tocco di classe in piu.
Il metodo per l'apertura è identico a quella della "pop-up", con l'aggiunta di una istruzione "self.focus" che riporti il primo piano al nostro documento anzichè lasciarlo alla finestra appena aperta.
window.open('MioFile.htm','MiaPop','width=400,height=300');
self.focus();
 |
Finestrella Pop-Under 300x400: |
Come usare questo script
Il come usarlo dipende dall'effetti voluto. Per far si che la finestrella addizionale si apra contemporaneamente al caricamento di una certa pagina è sufficiente che in tale pagina venga aggiunto a <BODY> la specifica "onLoad" con il suddetto script:
| <body bgcolor="#FFFFFF" text="#000000" onLoad="window.open('MioFile.htm', 'MiaPop', 'location=yes,width=300,height=300');"> |
E possibile ottenere lo stesso risultato inserendo le informazioni in una capsula <SCRIPT> che verrà eseguita comunque durante il caricamento. Come sempre in questi casi inserire il codice immediatamente prima del tag </HEAD> (ossia entro l'intestazione)
| <script language="JavaScript" type="text/JavaScript"> <!-- Apri finestra Pop-under window.open('MioFile.htm','MiaPop','location=yes,width=300,height=300'); self.focus(); //--> </script> |
Se invece si desidera che la finestrella si apra cliccando qualche cosa potremo contare sull'evento "onClick" di Javascript. Nel caso fosse un link fatto con testo
| <a href="#" onClick="window.open('MioFile.htm', 'MiaPop', 'location=yes,width=300,height=300');self.focus();">Apri finestrella</a> |
O nel caso del "Click" su di una immagine...
| <a href="#" onClick="window.open('MioFile.htm', 'MiaPop', 'location=yes,width=300,height=300');self.focus();"><img src="images/blank.gif" width="100" height="50" border="0"></a> |