HOME Home

GUIDA HTML

Contatti

FINESTRE POPUP

 Codice
Richiamare il codice
Esempi
Caratteristiche
Tutorial		 Contenuto dinamico
Passare i dati
Problemi
Immagini
JukeBox

Sono dette popup le finestre che si aprono, di norma, sopra la pagina corrente senza ricoprirla completamente.
A volte racchiudono un messaggio di benvenuto o di saluto, altre volte contengono un messaggio di errore...
Il proliferare di fastidiosi ed insistenti messaggi pubblicitari quasi impossibili da chiudere ha fatto sì che molti utenti blocchino l'apertura delle popup.
Il nostro consiglio è quindi di usarle solo al clic dell'utente e non in automatico.

CODICE PER APRIRE UNA POPUP

Il linguaggio HTML, da solo, non è in grado di cambiare le dimensioni della pagina ed al massimo, con un'istruzione del tipo: <a href="..." target=_blank> si può aprire una pagina sovrapposta a quella corrente, ma che tuttavia la ricopre completamente.
Per un effetto popup dovremo perciò ricorrere al linguaggio JavaScript.
Il comando per creare una pagina con tale linguaggio è:

finestra=window.open('[URL]', '[nomepagina]'[, 'caratteristiche']);

Le parentesi quadre indicano che tutti gli argomenti sono facoltativi.
Se uno dei primi due viene tralasciato al suo posto devono essere inseriti due apici.
Le caratteristiche possono essere tralasciate.
Gli argomenti devono essere separati da virgole.

finestra =
Dobbiamo caricare la pagina in una variabile JavaScript che abbiamo chiamato finestra. Questa sarà il riferimento per le prossime azioni.
window.open
Metodo javascript che permette di aprire una nuova pagina. Nella parentesi che segue inseriamo poi:
URL
Facoltativo: indirizzo e nome della pagina da aprire chiusi fra apici.
Se mancante - in tal caso si scrive URL - viene aperta una pagina vuota.
nomepagina
Facoltativo: è il nome da dare alla nuova pagina e anche questo va chiuso fra apici.
Può servire come target come nei frames.
[caratteristiche]
Facoltativo: le caratteristiche che la pagina deve avere (come larghezza, altezza, posizione sullo schermo...).
All'inizio delle caratteristiche occorre inserire un apice, le altre saranno separate da una virgola, senza spazi, ed al termine si aggiunge un altro apice.

Attenzione! Per far funzionare il comando con tutti i browsers conviene inserirlo in una funzione, come nel seguente esempio:

NOTA BENE <script LANGUAGE="JavaScript" type="text/javascript">
function apri() {
   finestra=window.open('http://www.webfract.it/GUIDA/Espopup.htm','nome','width=300,height=400');
   if (window.focus) {finestra.focus()}
   }
</script>

Tale codice va riportato fra i tag <head>...</head>

if (window.focus) {finestra.focus()}
Se il browser supporta il metodo focus() la nuova finestra deve essere posta in primo piano. Il metodo focus() riporta l'attenzione sull'oggetto specificato, nel nostro caso sulla popup che abbiamo memorizzato nella variabile finestra.
Conviene aggiungere questa riga di codice quando si deve aprire più di una finestra.

Inizio pagina                                Richiamare il codice

©2007 www.webfract.it