Link Esterni: Nuova finestra con Xhtml 1.1

Stampa E-mail

Con Xhtml 1.0 strict e Xhtml 1.1 non è possibile utiizzare l'attributo target per far aprire il link un una nuova finesta (target="_blank").

Sul luogo in cui sia più corretto far aprire i link esterni c'è una diatriba infinita, ma non è questa la sede per approfondire il discorso. Io, da navigatore, trovo più comodo che i collegamenti esterni si aprano in finestre nuove, tant'è che quando clicco ho sempre il dito premuto su Shift (spesso, per la gioia di Windows, anche per aprire i link interni, così da avere contemporaneamente tante finestrelle aperte).

 Alessandro Fulciniti, su html.it, suggerisce tre diverse tecniche per risolvere il problema.

Scarterei la prima e l'ultima per soffermarmi sulla seconda. Essa consiste nell'inserire un javascript che, se richiamato con l'attributo class="", fa aprire il link in una nuova finestra. Preferisco questa soluzione, in primo luogo perchè si applica sull'anchor (<a>) e non sul div come nel primo esempio. Questo, nell'ipotesi in cui vi siano più link (interni ed esterni) in un unico div, permette di scegliere singolarmente dove debbano aprirsi. Inoltre, con lo stesso attributo, possiamo stabilire anche lo stile del link. Su questo sito (nel momento in cui scrivo) i link esterni sono nel seguente formato:

<a class="blank" href="http://www.minidesign.it/">miniDesign</a>

La classe "blank" assume la duplice funzione di assegnare al link uno stile particolare, che indica al navigatore che quel link si aprirà in una nuova finestra e permette, appunto, l'apertura della finestra.

E' preferibile mettere il javascript in un file esterno aggiungendo una semplice riga nell'head

<script src="http://www.minidesign.it/cartella/blank.js" type="text/javascript"> </script>

Naturalmente bisogna indicare il percorso esatto. Riporto il javascript da inserire nel file esterno (blank.js):

onload=function(){
if(!document.getElementsByTagName) return;
l=document.getElementsByTagName("a");
for(i=0;i if(l[i].className.indexOf("blank")!=-1){
l[i].title="Link esterno - Nuova finestra";
l[i].onclick=function(){window.open(this.href);return(false)};
}
}
}

Il titolo, che appare quando si passa sul link con il mouse, è personalizzabile (5a riga).

Ultimo aggiornamento ( martedė 28 febbraio 2006 )

Home arrow Webdesign arrow Link Esterni: Nuova finestra con Xhtml 1.1

 I Feed RSS di miniDesign

In evidenza
Il file htaccess
Tutorial mappa Google
Ultime notizie
Le pių lette
Ricerca rapida