Aprire un popup tramite javascript

In javascript per aprire una nuova finestra su un determinato evento, si utilizza la funzione:

Window window.open( url, name, features, isHistory );

Tutti gli argomenti di questa funzione sono opzionali. Il primo è l’url del contenuto che la nuova finestra deve visualizzare. Il suo valore di default è about:blank.

Il secondo è il nome che vogliamo attribuire alla finestra. Una volta associato il nome, potremo utilizzarlo gli attributi target dei tag <a> e <form> come riferimento alla finestra.

Il terzo argomento è una stringa che contiene una serie di elementi nome=valore separati da virgole. Questi elementi permettono di definire alcune caratteristiche della finestra.

L’ultimo argomento è un booleano. Se è impostato a false la pagina non verrà inserita nello storico di navigazione della finestra.

1 var window1 = window.open();       
2 // apre una finestra vuota
3 
4 var window2 = window.open( 'www.google.it', 'googleWindow'  );  
5 // apre una finestra che accede al sito di BigG, potremo usare il parametro nome per successivi riferimenti
6 
7 var window3 = window.open(  'www.mysqlitalia.it', 'mysqItaliaWindow', 'width=600, height=800', false   );  
8 // qui specifichiamo le dimensioni della finestra, l'url non sarà salvato nella cronologia

Potremmo anche voler aggiornare il contenuto di una di queste finestre tramite un link, ci basterebbe utilizzare il nome associato in fase di creazione alla finestra:

<a href="www.linux4rails.com" target="mysqItaliaWindow" >

Personalizzare la finestra

Le finestre create possono essere personalizzate anche in altre caratteristiche rispetto quella che abbiamo già visto, eccone alcune:

  • fullscreen – se impostato a yes ( oppure 1) la finestra viene visualizzata in modalità fullscreen
  • location – se impostato a yes ( oppure 1) la barra di navigazione non verrà mostrata
  • menubar – se impostato a yes ( oppure 1) la barra del menù non verrà mostrata
  • status – se impostato a yes ( oppure 1) la barra dello stato non verrà mostrata
  • resizable se impostato a yes ( oppure 1) la finestra potrà essere ridimensionata dall’utente
  • scrollbars – se impostato a yes ( oppure 1) la barra di scroll orizzontale e quella di scroll verticale non verranno mostrate
  • left – accetta un valore numerico intero che indica lo scostamento in pixel dal lato sinistro dello schermo
  • top – accetta un valore numerico intero che indica lo scostamento in pixel dal lato superiore dello schermo

Purtroppo, a causa dell’infinita broswer war, si può andare incontro a diverse ‘anomalie’. Può capitare ad esempio di non avere a disposizione alcune di queste features o addirittura di trovarne nuove. Ancor più problematico è quando una features da risultati differenti cambiando il broswer.

Non date mai per certo un comportamento se prima vi siete documentati o non lo avete testato sui broswer che vi interessano.

Informazioni

Puoi utilizzare una versione personalizzata di Textile nei post, nelle pagine del wiki e negli articoli.

Inoltre sono state aggiunte delle personalizzazioni per facilitare la scrittura, ulteriori informazioni sono raggiungibili qui.