finestre popup su webfract - di Eliana Argenti e Tommaso Bientinesi

Home

GUIDA HTML

Contatti

POPUP: PASSARE I DATI

Codice
Richiamare il codice
Esempi
Caratteristiche
Tutorial

Contenuto dinamico
Passare i dati
Problemi
Immagini
JukeBox

A volte è necessario passare dei dati tra finestre; dalla finestra madre alla finestra figlia o viceversa.

Dalla finestra madre alla finestra figlia occorre usare il nome della variabile nella quale abbiamo caricato la finestra figlia (esempio uno);
dalla finestra figlia alla finestra madre occorre far uso della proprietà opener (esempio due).

ESEMPIO UNO: DALLA FINESTRA MADRE ALLA FINESTRA FIGLIA

Supponiamo di voler chiudere una popup aperta attraverso un link situato sul documento principale.
Immaginiamo di aver aperto la finestra - nel nostro esempio si tratta del file provaChiudi.htm - caricando la pagina nella variabile di nome prova: la chiuderemo attraverso la funzione chiudi.htm, da inserire nell'intestazione della finestra principale:

Script da inserire fra i tag <HEAD> ed </HEAD>

Codice per richiamare le funzioni, da inserire all'interno del <BODY>

<A href="javascript:apri()">Apri</A> <A href="javascript:chiudi()">Chiudi</A>

Risultato: Apri Chiudi

Nella funzione chiudi viene chiamato il comando close che chiude la finestra, ma questo comando viene attivato solo se esiste prova e (&&) la finestra è ancora aperta. La condizione evita il messaggio di errore che si riceverebbe se l'utente facesse clic sul collegamento chiudi senza aver prima aperto la finestra.
Notare che la variabile prova viene dichiarata all'inizio per essere riconosciuta da tutte le funzioni.

ESEMPIO DUE: DALLA FINESTRA FIGLIA ALLA FINESTRA MADRE

Supponiamo di voler utilizzare una popup come pannello di controllo
Tale popup, che chiameremo finestra figlia, è aperta da un'altra finestra, che chiameremo finestra madre.
Per riferirsi all'indietro alla finestra madre dalla finestra figlia occorre far uso della proprietà opener.
Se invece la finestra non ha un opener, questo metodo restituisce NULL.

PASSO UNO

Prepariamo un file (finestra figlia) e salviamolo ad esempio con il nome provaPan.htm.
Tale file deve contenere le istruzioni necessarie per effettuare i collegamenti.
Inseriremo nell'intestazione uno script che determini quale pagina deve essere mostrata nella finestra madre.
Script da inserire fra i tag <HEAD> ed </HEAD> di provaPan.ht

 
<script LANGUAGE="JavaScript" type="text/javascript">
    function aggiorna(questo) {
      opener.document.location=questo;
    }
</script>

Nel body inseriremo poi i vari collegamenti, ad esempio:

 
<a href="javascript:aggiorna('popUp1.htm')">Codice</a><br>
<a href="javascript:aggiorna('popUp3.htm')">Esempi</a><br>

Quando l'utente clicca sul link Codice viene attivata la funzione aggiorna('popUp1.htm') e si avrà l'istruzione:
opener.document.location=popUp1.htm;
nel document della finestra madre (opener.document) viene caricato il file 'popUp1.htm' (location è un oggetto di JavaScript che rappresenta la URL completa associata alla finestra).

Codice completo della finestra figlia di nome provaPan.htm

PASSO DUE

Nell'intestazione della finestra madre inseriamo uno script per aprire il pannello di controllo:

 
<script LANGUAGE="JavaScript" type="text/javascript">
    function apri1() {
 var prova1 = window.open('provaPan.htm','nome','top=200,left=200,scrollbars=yes,top=100,left=400,width=200,height=350');
}
</script>

e quindi, per aprire il pannello di controllo, inseriamo il seguente codice nel corpo della stessa finestra:

 <A href="javascript:apri1()">Pannello di controllo</A>

Risultato: Pannello di controllo

Contenuto dinamico
Inizio pagina
Problemi