PROGRAMMIAMO
JS - Codice al volo: open
Apertura di una finestra secondaria

Abbiamo già accennato a come è possibile usare il metodo open dell'oggetto window per aprire una finestra secondaria (finestra di pop-up):

<a href="pagina.html" onclick="window.open('popup.html')">clicca qui </a>

In realtà il metodo open offre la possibilità di controllare in modo dettagliato le proprietà della nuova pagina. Consideriamo il seguente esempio più completo:

window.open('Sample.htm','Nuova pagina','height=200,width=400,status=yes,toolbar=no, menubar=no,location=no');

In questo caso la finestra secondaria verrà aperta con:

- titolo: Nuova pagina
- larghezza (width): 400 pixel
- altezza (height): 200 pixel
- barra dei bottoni standard del browser non attiva (toolbar)
- senza la casella del browser dove si digita la url (location)
- barra del menu non attiva (menubar)

La seguente tabella contiene un riassunto dei parametri principali e dei loro valori:

caratteristica valore spiegazione esempio
width numerico la larghezza della finestra in pixel width=400
height numerico l'altezza della finestra in pixel height=200
left numerico la distanza dalla sinistra del monitor left=300
top numerico la distanza dal lato superiore del monitor top=350
resizable yes / no indica se la finestra può essere ridimensionata o no resizable=no
fullscreen yes / no indica se la finestra va aperta a tutto schermo fullscreen=no
channelmode yes / no indica se la finestra deve essere aperta "in modalità canale" (solo per ie) channelmode=no
menubar yes / no la barra del menu (quella con scritto "file", "modifica", ecc.) menubar=no
toolbar yes / no la barra degli strumenti del browser (con i pulsanti "indietro", "avanti") toolbar=no
location yes / no la barra degli indirizzi del browser location=no
scrollbars yes / no le barre di scorrimento laterali scrollbars=no
status yes / no la barra di stato (quella in basso) status=no

I parametri possono essere omessi e in questo caso assumono valori di default. Occorre inoltre osservare che alcuni parametri impongono obbligatoriamente il valore ad altri. Inoltre il comportamento non è sempre lo stesso in tutti i browser (vedi per esempio qui per una discussione dettagliata riferita a Internet Explorer).

precedente -successiva

Sito realizzato in base al template offerto da

http://www.graphixmania.it