mercoledì 27 giugno 2012

Pagina indietro con JavaScript

Vediamo come realizzare un semplice pulsante « indietro con JavaScript

Spesso può capitare di volere inserire in una nostra pagina il pulsante « indietro. Può essere utile ad esempio in una schermata dove controlliamo i dati inseriti in un form, e qualora i dati siano errati, con il pulsante «  indietro si può rimandare il nostro utente alla pagina di provenienza, per controllare eventuali errori o dati mancanti.

Vediamo il codice

<a href="" onClick="javascript:history.back();return false">« indietro</a>

Spieghiamo

Per controllare lo storico della navigazione dell'utente, utilizziamo history.back() di JavaScript.
Possiamo ottenere lo stesso risultato anche utilizzando history.go(-1)

Vediamo come

<a href="" onClick="javascript:history.go(-1);return false">« indietro</a>

Spieghiamo

Utilizzando history.go(-1) l'utente verrà rimandato indietro di una pagina, rispetto allo storico della sua navigazione.
Volendo posso impostare un numero diverso di "passi indietro".

Vediamo come

<a href="" onClick="javascript:history.go(-3);return false">« indietro</a>

Spieghiamo


In questo caso, cliccando « indietro l'utente farà 3 passi indietro sullo storico della sua navigazione.

Nota bene

Se inseriamo il link « indietro su una pagina B che normalmente l'utente raggiunge da un'altra pagina A del nostro sito, ma per un caso fortuito la pagina B può essere raggiunta anche da un sito esterno C, chiaramente il pulsante « indietro invierà l'utente, al sito esterno C dal quale proviene.

Nessun commento:

Posta un commento