JavaScript  »  Articoli  »  Effetti e controlli Javascript 

Le popup sono finestre del browser aperte mediante un JavaScript che può agire sul loro aspetto e su alcune sue componenti, come la barra di stato, la barra dei menu, la barra degli strumenti, la barra di scorrimento, sulle sue dimensioni e sul posizionamento assoluto nell'area dello schermo.

Normalmente in HTML possiamo aprire la pagina a cui punta un link in un'altra finestra senza agire sulle componenti elencate, semplicemente aggiungendo l'attributo target="_blank" all'interno dei tag <a> o <area>.

Per capire cosa è in grado di fare JavaScript la miglior cosa da fare è vedere un primo semplice esempio di finestra aperta in modalità popup.

Primo esempio di finestra popup

Il codice per ottenere questo effetto è di una semplicità unica, si ricorre al metodo open()dell'oggetto window, al cui interno vanno passati dei parametri. Prima di spezzettare il codice per esaminarlo vediamo lo script nella sua integrità:

<script type="text/javascript">
<!--

var stile = "top=10, left=10, width=250, height=200, status=no, menubar=no, toolbar=no scrollbars=no";

function Popup(apri) 
{
  window.open(apri, "", stile);
}
//-->
</script>

Abbiamo creato la funzione popup() al cui interno abbiamo passato un parametro, apri, che ritroviamo nella riga di sotto come parametro nella funzione window.open(), dove ci serve per indicare il link alla pagina che apparirà nella nuova finestra:

<a href="javascript:Popup('mioFile.htm')">Apri la popup</a>

Come si vede abbiamo impostato alcuni parametri di stile passando la variabile stile al metodo open(). Anche se risulteranno di certo chiari a chiunque mastichi un minimo di HTML, riepiloghiamo i parametri principali:

Vediamo ora come ottenere una popup centrata nello schermo a qualunque risoluzione.

Per approfondire

• Le finestre Pop-up - Guida rimozione malware
• Popup con fumetto - Script JavaScript

Altri articoli

Altre guide

Altre newsletter