Blog Informatica & Programmazione

[JavaScript] Creazione di una finestra Pop-up

Le finestre pop-up sono finestre che si aprono in contemporanea ad un'altra pagina, sicuramente a tutti voi sarà capitato (anche su Forumcommunity), che durante la navigazione vi si aprisse qualche finestrella (magari pure indesiderata!), oppure che il vostro browser (che giustamente ha il blocco pop-up), vi segnalasse che una "finestra pop-up" è stata bloccata.
Generalmente le finestre pop-up vengono utilizzate per la pubblicità, anche se molti la ritengono fastidiosa, è un ottimo modo per farsi pubblicità e per questo continua a rimanere in vita (infatti da quando qualcuno ha avuto l'idea, le vendite sono aumentate di poco, ma pur sempre aumentate).
Il punto forte delle finestre pop-up è che ti costringono a guardare il loro contenuto a differenza di una pubblicità che può, come nel caso di Forumcommunity, trovarsi in fondo alla pagina (ed è anche un modo per i webmaster di non intasare di pubblicità il loro sito web).

Oltre alle finestre Pop-up, sono state inventate anche le finestre Pop-under, che chi non ama queste finestre, le definisce come ancora più subdole di quelle Pop-up , infatti le finestre Pop-under si aprono allo stesso modo delle finestre Pop-up, ma si aprono di nascosto, e non si sovrappongono alla pagina, con la conseguenza che il metodo "chiudi prima che si carichi" che si può utilizzare sulle finestre Pop-up, non funziona sulla finestre Pop-under (però se ve ne accorgete, potete chiudere la pagina con il pulsante destro del mouse sulla barra delle applicazioni in corso prima di chiudere il vostro browser XD), inoltre se non state attenti potreste non accorgervi della pagina su cui vi è apparsa, così facendo il sito web che ospita la pubblicità ha la speranza che qualcuno non si ricordi del suo sito come un "sito in cui il browser ti apra delle finestre strane".

Ma ovviamente le finestre Pop-up non servono solo a questo, possono essere anche utilizzate per aprire script o altri contenuti del sito, quindi vi spiegherò come realizzarne una semplice in JavaScript.
Si utilizza il metodo open dell'oggetto window, che avrà 3 parametri:

• L'url del sito web da visualizzare


• Il nome della finestra


• Eventuali parametri per personalizzare la finestra (possono essere omessi)

i parametri delle finestre di dialogo ci consentono di personalizzare a nostro piacimento le finestre ecco i principali parametri:
width per la larghezza, height per l'altezza, top indica la distanza dal bordo superiore del desktop, left indica la distanza dal bordo superiore del desktop.
Questi 4 attributi hanno un valore numerico, che sarà espresso in pixel.
Il resto degli attributi presentati invece avranno valore yes/no e di default avranno tutti no:
location indica la barra degli indirizzi, status indica la barra di stato, menubar indica il menù con "File", "Modifica" ecc..., toolbar indica la barra dei menù (quello con la freccia per tornare indietro), resizable indica se la finestra può essere ridimensionata, fullscreen indica se la finestra deve essere aperta a tutto schermo.

ecco un esempio:


Guida realizzata da giratina23, si prega di non copiare