Programmazione Web » Javascript » Aprire un link in una finestra pop-up
Aprire un link in una finestra pop-up
Difficoltà:
Scritto da Michele Sassi
Sito Web: http://www.comefaccio.net 
Questo tutorial è stato letto 1116 volte
Per questioni di comodità può essere necessario dover aprire un link in una finestra pop-up, specie se il contenuto di tale finestra è di dimensioni estremamente ridotte.
Per fare questo, solitamente si ricorre a Javascript inserendo in un punto qualsiasi del body il seguente codice:
<a href="javascript:;" onClick="window.open('pagina.html', 'titolo', 'width=300, height=300, resizable, status, scrollbars=1, location');">Apri in una finestra pop-up</a>
Come si può dedurre la pagina correlata è "pagina.html". Per apportare sostanziali modifiche alla finestra sarà necessario eliminare dal codice le voci resizable (se si vuole una finestra non ridimensionabile), status (se non si vuole vedere la barra di stato) e location (se non si vuole visualizzare la barra degli indirizzi); sarà opportunamente necessario impostare a 0 il valore di scrollbars nel caso in cui non si vogliono visualizzare le barre di scorrimento!
Quella che abbiamo appena visto è la procedura da eseguire se il link da aprire in una pop-up è solo uno. Qualora avessimo la necessità di aprirne più di uno in finestre pop-up fisicamente uguali tra loro, ci converrebbe ricorrere a quest'altro codice, molto più generico e valido per tutti i link:
<script type="text/javascript">
function apripopup(url) {
newin = window.open(url,'titolo','scrollbars=yes,resizable=yes, width=300,height=300,status=no,location=no,toolbar=no');
}
</script>
Questo codice va inserito tra i tag head della pagina; con la riga di codice sottostante invece richiameremo ogni singolo link nel body, modificandone opportunamente la pagina da aprire:
<a href="javascript:apripopup('pagina.htm');">Apri pagina.htm </a>
<a href="javascript:apripopup('pagina2.htm');">Apri pagina2.htm </a>
Aggiungi questo tutorial ai preferiti
