domenica 27 maggio 2012

Link che apre in _blank con JavaScript

Creare un link che apre in una nuova pagina del browser

Se vogliamo che il nostro clic apra in una nuova pagina del browser, possiamo farlo modificando con JavaScript il codice <a href come segue:

Vediamo il codice JavaScript:

<a href="http://www.example.com/" 
title="Apri EXAMPLE in una nuova pagina" 
onClick="window.open(this.href);return false">Example</a>

Spieghiamo:

Questa soluzione utilizza l'onClick del JavaScript per generare una nuova pagina del browser.

PRO:

È utile se utilizziamo un DOCTYPE XHTML 1.0 Transitional oppure un DOCTYPE HTML 4.01 Transitional e vogliamo mantenere la validazione W3C del codice.

CONTRO:

Non funziona correttamente se l'utente ha JavaScript disabilitato sul browser
Se utilizzeremo questa soluzione, sarà buona norma inserire un <noscript> nella pagina, che visualizzerà un messaggio se l'utente non ha JavaScript abilitato:

<noscript>
  <p style="color:red; text-align:center;">
    Attenzione: per visualizzare correttamente 
il contenuto della pagina occorre avere JavaScript abilitato.
  </p>
</noscript>

Nessun commento:

Posta un commento