Home » Web Design » Aprire link esterni in nuova finestra

Aprire link esterni in nuova finestra

Utilizzare uno script JavaScript per fare in modo che tutti i link esterni al sito si aprano in una nuova finestra.

Aprire link esterni in nuova finestra

Spesso molti webmaster vorrebbero fare in modo che i link presenti nel proprio sito che puntano a risorse esterne si aprissero in una nuova finestra. Tale comportamento è solitamente deprecato in quanto è preferibile lasciare all’utente la scelta se aprire un link nella stessa finestra, in una nuova scheda o in una nuova finestra.

Se però volete proprio fare in modo che tutti i link esterni vengano aperti in una nuova finestra del browser, un sistema elegante per farlo è quello di usare un codice JavaScript come questo.

Per implementarlo sul proprio sito è sufficiente scaricarlo sul proprio computer e successivamente caricarlo sul proprio spazio web. E’ necessario poi richiamarlo nella sezione <head></head> delle proprie pagine web per renderlo attivo, in questo modo:
<script type=”text/javascript” src=”blankwin.js”></script>
supponendo di aver caricato il file blankwin.js nella directory principale del proprio sito.

Questo script inoltre, aggiunge anche una classe css chiamata “external” a tutti i link che puntano a URL esterni, permettendo quindi di associare un’icona o definire uno stile grafico differente da tutti gli altri link. In questo modo per i navigatori sarà molto più semplice distinguere subito le due differenti tipologie di link.

Tag Correlate: CSS, JavaScript.


Post pubblicato da: Tiziano Fogliata il 12 November 2008 - 84 posts su Bloggare.

Sito web: http://www.fogliata.net

Tags: ,

0 Commenti a questo articolo

2 Trackbacks di questo articolo

  1. Geek My Love | Come aggiungere in automatico il target="_blank" ai link del tuo blog. says:

    [...] in nuove finestre rimanendo dentro la “validazione” W3C, ho trovato sul blog di Liquida questo interessante articolo che fa proprio al caso [...]

  2. Come aggiungere in automatico il target=”_blank” ai link del tuo blog. | Yourpage live news aggregator says:

    [...] in nuove finestre rimanendo dentro la “validazione” W3C, ho trovato sul blog di Liquida questo interessante articolo che fa proprio al caso [...]

Scrivi un commento