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_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…
Popularity: 100% [?]
Vuoi essere sempre aggiornato??? Iscriviti ai feed o invia un trackback
Nessun commento, scrivi tu il primo!
Articoli correlati