http://blog.DoZarte.com


Come aprire i link esterni in una nuova finestra

IMG_1174
Creative Commons License photo credit: klvinci

C’è chi pensa che sia più corretto che i link presenti in un sito non aprano mai nuove finestre, chi invece la pensa diversamente, come me.
Io credo che i link che puntano a risorse e pagine esterne al sito di origine dovrebbero aprirsi in nuove pagine, dando la possibilità al navigatore di continuare ad esplorare il nuovo sito mantenendo vivo il collegamento con il sito di origine; una specie di target=_blank automatico, per capirci.

Avendo già visto una maniera per fare questo in modo coercitivo, vediamo ora come dare la possibilità all’utente di scegliere se aprire o meno i link esterni in nuove finestre.

La cosa è facilmente fattibile tramite javascript.

<script language="javascript">
function linkopener(a) {
var b = a ? "_blank" : "_self";
var c = document.links;
for (var i=0; i < c.length; i++) {
  if (c[i].href.search("dominio-esterno.com") == -1) c[i].target = b;
}
}
</script>
<form>
<input type="checkbox" onclick="linkopener(this.checked)" id="linksnewwin">
Apri i link in nuove finestre
</form>

Con il codice precedente  si crea un checkbox che, se selezionato dall’utente, aprirà i link in nuove fineste.
Ovviamente dovremo sostituire  dominio-esterno.com con il dominio del nostro sito.

Se l'articolo era interessante, forse troverai approfondimenti nei seguenti link sponsorizzati...


4 commenti a “Come aprire i link esterni in una nuova finestra”

  1. Giovanni scrive:

    La penso anche io come te! Quanto è scomodo quando si aprono link nella stessa pagina..

    Giovanni.

  2. [ML] scrive:

    Ciao Doz,

    conosci anche il metodo per far puntare i link a nuovi tab ?

  3. DoZ scrive:

    Guardando il codice suggerito, presumo che nella riga
    var b = a ? "_blank" : "_self";
    basti sostituire _blank e/o _self con il nome del frame/finestra.

  4. DoZ scrive:

    Per chi usa Wordpress c’è un plugin apposta per aprire i link esterni al sito di origine in una nuova finestra:
    http://txfx.net/code/wordpress/identify-external-links/

Leave a Reply

XHTML: Tags concessi: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

You can add images to your comment by clicking here.