sei sul sito di Giovanni Fraterno

ATTENZIONE che, per importanza sociale, subito dopo il legame affettivo che si instaura all'interno di una famiglia, viene quello che si instaura fra il professore e i suoi alunni, e che turbare entrambi i rapporti può essere carico di conseguenze (sabato 31° gennaio 2004, il professore).
5) Le finestre personalizzabili
 ( 1 - 2 - 3 - 4 - 5 - 6 - 7 - 8 - 9 )

Le finestre quasi totalmente pre-impostate viste nel precedente paragrafo sono finestre di sistema.

 

Con JavaScript è però anche possibile creare delle finestre personalizzate.

 

La sintassi (in metalinguaggio) corretta è:

window.open(“percorso”,”nome_finestra”,”caratteristiche_separate_da_virgola”);

 

E dove:

- “percorso” indica un percorso (relativo o assoluto) di un file html o di un url da inserire all'interno della finestra

 

- ”nome_finestra” indica il nome della finestra che abbiamo creato

 

- ”caratteristiche_separate_da_virgola” specificano la forma, la dimensione, la posizione della finestra, e altro.

 

Ecco un esempio:

<html>

<head>

<title>esempio 1</title>

</head>

<body>

<SCRIPT TYPE="text/javascript">

window.open("http://digilander.libero.it/giovannifraterno","miaFinestra","");

</SCRIPT>

</body>

</html>

 

Ovviamente è possibile associare la capacità di aprire finestre personalizzabili anche agli eventi.

 

Di seguito sono a tal fine riportati 3 esempi:

<html>

<head>

<title>esempio 2</title>

</head>

<body>

<A HREF="http://www.tin.it" onClick="window.open('www.libero.it','x','');">2 link 1 click</A>

</body>

</html>

 

<html>

<head>

<title>esempio 3</title>

</head>

<BODY onLoad="window.open('http://www.libero.it','miaFinestra','');">

</body>

</html>

 

<html>

<head>

<title>esempio 4</title>

</head>

<BODY onUnLoad="window.open('http://www.libero.it','miaFinestra','');">

</body>

</html>

 

Una possibile sintassi comprensiva delle ”caratteristiche_separate_da_virgola” è:

window.open('http://www.libero.it','miaFinestra','width=300,height=300 ,toolbar=yes, location=no,status=yes,menubar=yes,scrollbars=no,resizable=no');

 

Di seguito sono riportate tutte le possibili caratteristiche che è possibile specificare:

 

- width e che esplicitata attraverso un valore numerico indica la larghezza della finestra in pixel

 

- height e che esplicitata attraverso un valore numerico indica l’altezza della finestra in pixel

 

- left e che esplicitata attraverso un valore numerico indica la distanza della finestra dalla sinistra del monitor

 

- top e che esplicitata attraverso un valore numerico indica la distanza della finestra dal lato superiore del monitor

 

- resizable e che esplicitata attraverso yes/no indica se la finestra può essere o meno ridimensionata

 

- fullscreen e che esplicitata attraverso yes/no indica se la finestra può essere o meno aperta a tutto schermo

 

- menubar e che esplicitata attraverso yes/no indica se la finestra può o meno contenere la barra del menu

 

- toolbar e che esplicitata attraverso yes/no indica se la finestra può o meno contenere la barra degli strumenti

 

- location e che esplicitata attraverso yes/no indica se la finestra può o meno contenere la barra degli indirizzi

 

- scrollbars e che esplicitata attraverso yes/no indica se la finestra può o meno contenere le barre di scorrimento laterali

 

- status e che esplicitata attraverso yes/no indica se la finestra può o meno contenere la barra di stato.

 

Una finestra aperta a schermo intero può essere chiusa dall'utente utilizzando la combinazione di tasti Ctrl+W oppure la combinazione di tasti ALT+F4.



utenti in questo momento connessi alla rete di siti web di Giovanni Fraterno: