How to disable history back browser navigation

Durante la mia esperienza lavorativa mi è capitato di affrontare un problema sottovalutato da molti sviluppatori, ovvero il comportamento entropico dell’utente finale (il cosiddetto utonto).

Ecco un esempio semplice codice javascript per impedirgli di utilizzare il tasto back del browser

Inserite nel tag HEAD il seguente script ed il gioco è fatto

<script type = “text/javascript”>
var changeHashOnLoadTimeout;
var changeHashAgainTimeout;
var storedHash = window.location.hash;
function changeHashOnLoad() {
var poundIdx = window.location.href.indexOf(“#”);
if(poundIdx==-1){
window.location.href += “#”;
}
//avoid loop ie
storedHash = window.location.hash;
changeHashOnLoadTimeout = setTimeout(changeHashAgain, 50);
}

function changeHashAgain() {
window.location.href += “1”;
}

changeHashAgainTimeout = window.setInterval(function(){
if (window.location.hash != storedHash) {
window.location.hash = storedHash;
}
}, 50);

if (window.attachEvent) {
window.attachEvent(‘onload’, changeHashOnLoad);
}else if (window.addEventListener) {
window.addEventListener(‘load’, changeHashOnLoad, false);
}else {
document.addEventListener(‘load’, changeHashOnLoad, false);
}
</script>

Potete testare l’esempio su

http://www.zupersite.com/sample/block-history.htm (seguite le istruzioni)

Lo script funziona per Firefox, Google Chrome, Safari ed Internet Explorer 8 e versioni superiori.

comparison between browsers

if browsers were guns then …

Annunci

Pubblicato il settembre 2, 2013, in HTML con tag , , , , , , , , , , , , , . Aggiungi il permalink ai segnalibri. Lascia un commento.

Rispondi

Inserisci i tuoi dati qui sotto o clicca su un'icona per effettuare l'accesso:

Logo WordPress.com

Stai commentando usando il tuo account WordPress.com. Chiudi sessione / Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione / Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione / Modifica )

Google+ photo

Stai commentando usando il tuo account Google+. Chiudi sessione / Modifica )

Connessione a %s...

%d blogger hanno fatto clic su Mi Piace per questo: