finestre popup su webfract - di Eliana Argenti e Tommaso Bientinesi

Home

GUIDA HTML

Contatti

POPUP: ESEMPI

Codice
Richiamare il codice
Esempi
Caratteristiche
Tutorial

Contenuto dinamico
Passare i dati
Problemi
Immagini
JukeBox

PRIMO ESEMPIO: pagina vuota di dimensioni prestabilite

Script da inserire fra i tag <HEAD> ed </HEAD> Codice per richiamare la funzione
<script LANGUAGE="JavaScript" type="text/javascript"> function apri1() { var prova1=window.open('','nome','width=300,height=400'); if (window.focus) {prova1.focus()} } </script> <A href="javascript:apri1()">Clicca qui!</A>
Risultato: Clicca qui!
Non abbiamo inserito l'URL del file e quindi si apre una finestra popup vuota di larghezza 300 pixel e di altezza 400 pixel.
Nella barra del titolo Firefox visualizza Mozilla Firefox mentre MSIE visualizza about: blank , (su: vuoto) Microsoft ...

Script da inserire fra i tag `<HEAD>` ed `</HEAD>`	Codice per richiamare la funzione
<script LANGUAGE="JavaScript" type="text/javascript"> function apri1() { var prova1=window.open('','nome','width=300,height=400'); if (window.focus) {prova1.focus()} } </script>	<A href="javascript:apri1()">Clicca qui!</A> `Risultato: Clicca qui!`
Non abbiamo inserito l'URL del file e quindi si apre una finestra popup vuota di larghezza 300 pixel e di altezza 400 pixel. Nella barra del titolo Firefox visualizza Mozilla Firefox mentre MSIE visualizza about: blank , (su: vuoto) Microsoft ...

SECONDO ESEMPIO: pagina vuota senza argomenti

Script da inserire fra i tag <HEAD> ed </HEAD> Codice per richiamare la funzione
<script LANGUAGE="JavaScript" type="text/javascript"> function apri2() { var prova2=window.open('',''); if (window.focus) {prova2.focus()} } </script> <A href="javascript:apri2()">Clicca qui!</A>
Risultato: Clicca qui!
Non abbiamo inserito caratteristiche e quindi viene aperta una pagina aperta, vuota, secondo il metodo predefinito del browser in uso.
Lo stesso risultato si ottiene se, al posto di window.open('','') si scrive window.open()

Script da inserire fra i tag `<HEAD>` ed `</HEAD>`	Codice per richiamare la funzione
<script LANGUAGE="JavaScript" type="text/javascript"> function apri2() { var prova2=window.open('',''); if (window.focus) {prova2.focus()} } </script>	<A href="javascript:apri2()">Clicca qui!</A> `Risultato: Clicca qui!`
Non abbiamo inserito caratteristiche e quindi viene aperta una pagina aperta, vuota, secondo il metodo predefinito del browser in uso. Lo stesso risultato si ottiene se, al posto di `window.open('','')` si scrive `window.open()`

TERZO ESEMPIO: due pagine affiancate

Script da inserire fra i tag <HEAD> ed </HEAD> Codice per richiamare la funzione
<script LANGUAGE="JavaScript" type="text/javascript"> function apri3() { var prova1 = window.open('http://www.webfract.it/GUIDA/provaP1.htm','nome','width=300,height=300,left=200,top=300'); var prova2 = window.open('http://www.webfract.it/GUIDA/provaP2.htm','nome1','width=300,height=300,left=600,top=300'); } </script> <A href="javascript:apri3()">Clicca qui!</A>
Risultato: Clicca qui!
Vengono aperte due pagine delle stesse dimensioni ed allineate verticalmente (abbiamo inserito lo stesso top).
NOTA BENE:

dobbiamo dare in questo caso due nomi diversi sia alle variabili che agli identificativi delle popup;
MSIE, per ragioni di sicurezza tutte sue, non sempre funziona.

Script da inserire fra i tag `<HEAD>` ed `</HEAD>`	Codice per richiamare la funzione
<script LANGUAGE="JavaScript" type="text/javascript"> function apri3() { var prova1 = window.open('http://www.webfract.it/GUIDA/provaP1.htm','nome','width=300,height=300,left=200,top=300'); var prova2 = window.open('http://www.webfract.it/GUIDA/provaP2.htm','nome1','width=300,height=300,left=600,top=300'); } </script>	<A href="javascript:apri3()">Clicca qui!</A> `Risultato: Clicca qui!`
Vengono aperte due pagine delle stesse dimensioni ed allineate verticalmente (abbiamo inserito lo stesso top). NOTA BENE: dobbiamo dare in questo caso due nomi diversi sia alle variabili che agli identificativi delle popup; MSIE, per ragioni di sicurezza tutte sue, non sempre funziona.

Richiamare il codice
Inizio pagina
Caratteristiche