Ingegna
a- a+

Reindirizzare l'utente

Con JavaScript si possono fare tante cose, ad esempio: oltre a verificare se il supporto a JavaScript è attivo è possibile anche verificare la versione che l’utente è in grado di utilizzare. Lo script che sto per proporvi, mostra come reindirizzare o inviare gli utenti ad una pagina alternativa in base alla versione di JavaScript supportata dal loro browser.

<html>
<head>
<title>Niente JavaScript...mmmh!!!</title>
<SCRIPT LANGUAGE="JAVASCRIPT1.2" TYPE="TEXT/JAVASCRIPT">
<!-- Hide script from old browsers

window.location="benvenutijs.html"

// End hiding script from old browsers -->
</SCRIPT>
</head>
<body BGCOLOR=WHITE>
<H1>Per vedere questo sito hai bisogno dell'ultima versione di JavaScript...non sai cosa ti perdi!?! Che aspetti? Aggiorna subito il tuo browser!</H1>
</body>
</html>


<SCRIPT LANGUAGE="JAVASCRIPT1.2" TYPE="TEXT/JAVASCRIPT">


L’attributo LANGUAGE del tag SCRIPT vi permette di specificare la versione di JavaScript minima necessaria a eseguire lo script. In questo caso è necessario che il browser supporti JavaScript 1.2 o successivo. Se l’utente non possiede un browser adeguato, vedrà una finestra con su scritto 
Per vedere questo sito hai bisogno dell'ultima versione di JavaScript...non sai cosa ti perdi!?! Che aspetti? Aggiorna subito il tuo browser! .
Vi consiglio di realizzare script che non richiedano versioni molto avanzate, altrimenti gli utenti potrebbero stufarsi ed abbandonare subito il vostro sito!

window.location="benvenutijs.html"


Questa riga indica al browser di modificare la pagina corrente con quella specificata, nel nostro caso benvenutijs.html .

Vi propongo adesso un'alternativa allo script precedente, in modo da ottimizzare l'effetto. Mi spiego meglio: quando un utente carica lo script precedente, va alla pagina principale e poi, in base al risultato, il browser carica automaticamente un’altra pagina. Questa tecnica consente all’utente di visualizzare per un attimo la prima pagina poi di essere inviato alla seconda. 
Lo script che vi propongo adesso mostra un metodo migliore per il reindirizzamento, utilizzando un collegamento.
Viene mostrata l’homepage: facendo click sul collegamento, si viene indirizzati subito ad una delle pagine predisposte, a seconda che si abbia o no JavaScript.

<html>
<head>
<title>Benvenuti nel mio sito!!!</title>
</head>
<body BGCOLOR=WHITE>
<H1 ALIGN=CENTER><A HREF="script.html" onClick="window.location='benvenutijs.html';return false">Benvenuti nel mio sito...entrate!</A></H1>
</body>
</html>
<H1 ALIGN=CENTER><A HREF="script.html" onClick="window.location='benvenutijs.html';return false">Benvenuti nel mio sito...entrate!</A></H1>


Come avrete notato JavaScript viene incluso nel tag del collegamento: se l’utente non ha JavaScript e fa click sul collegamento, seguirà il percorso HREF finendo in una pagina che gli comunicherà:
This page requires JavaScript

In caso contrario, il gestore di eventi onClick caricherà la nuova pagina benvenutijs.html

return false Indica di interrompere l’azione dell’utente, non caricando quindi la pagina HREF.

Se l’utente ha JavaScript, verrà inviato in una finestra con all'interno questa scritta:
Benvenuti nel mio sito...etc etc



Ti potrebbe interessare anche

commenta la notizia

C'è 1 commento
Redazione
Condividi le tue opinioni su questo articolo!