Guide, risorse e articoli per webmaster e webdesigner

Add to Google Reader or Homepage

sabato 17 maggio 2008


Menù

Home
Html & XHtml
Css
Javascript
Php
Motori di ricerca
News web
Contatti

Login Form






Password dimenticata?
Nessun account? Registrati
Home arrow Javascript arrow Articoli Javascript arrow Creare una finestra popup javascript

Creare una finestra popup javascript Stampa E-mail
Scritto da Vincenzo   
In questo breve e semplice tutorial verrà descritto come creare una finestra popup con javascript. La funzione che verrà creata dovrà essere inserita tra i tag <head> ed </head> della pagina web.

<script type="text/javascript">
<!--
function popup() {
window.open('pagina_popup.html','Nome_del_Popup','width=400','height=300')
}

-->
</script>

Come avrete già notato l'istruzione window.open accetta molti parametri:

  • Al posto di pagina_popup.html, deve essere inserito il nome della pagina che si desidera aprire
  • Nel secondo parametro bisogna inserire il nome del popup
  • Il terzo parametro determina se la finestra può essere ridotta o meno
  • Il quarto parametro determina la larghezza della finestra
  • Il quinto parametro determina l'altezza della finestra

Ora che è stata creata la funzione bisogna richiamarla con un link in questo modo:

<a href="Javascript:popup()">Apri popup</a>

 All'evento window.open possono essere aggiunti anche altri parametri, come ad esempio:

  • top=10 (distanza dal bordo superiore)
  • left=10 (distanza dal bordo sinistro)
  • status=no oppure yes
  • menubar=no oppure yes
  • toolbar=no oppure yes
  • scrollbar=no  oppure yes
  • resizable=no oppure yes
Il significato di questi ultimi parametri è descritto nel nome stesso; definiscono le caratteristiche della finestra che verrà aperta, quindi c'è la possibilità di eliminare la barra di stato, la toolbar, ecc...
 
< Prec.   Pros. >


Feed Rss


Corso Javascript e DHTML
Guida completa allo scripting lato client. Corso con tutor ed attestato finale!