Se vuoi proteggere le foto sul tuo account Tumblr dal download senza il tuo consenso, puoi disabilitare la funzionalità del tasto destro per la tua pagina, nascondendo il menu di scelta rapida che consente ad altri di copiare o scaricare le tue immagini. Tumblr ti consente di personalizzare completamente il codice HTML e JavaScript per il tuo tema attuale. Per proteggere le tue immagini, aggiungi due funzioni JavaScript a questo codice, una ottimizzata per Internet Explorer e una per altri browser.
Fai clic sul nome del tuo blog Tumblr nella dashboard e seleziona "Personalizza aspetto" per aprire le impostazioni dell'aspetto.
Fai clic su "Modifica HTML" per aprire l'editor HTML per il tuo tema Tumblr. Trova il
tag nel codice.
Aggiungi un metodo JavaScript dopo il
tag per disabilitare l'azione del tasto destro per gli utenti di Internet Explorer. Puoi utilizzare il seguente frammento di codice, che verifica il nome del browser e disabilita la funzione restituendo false se un utente fa clic con il pulsante destro del mouse sulla tua pagina o preme il pulsante centrale del mouse:function DisableInternetExplorer(e) { if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3")) { return false; } }
Aggiungi un metodo separato dopo quello per Internet Explorer per disabilitare il clic con il tasto destro in applicazioni come Firefox, Chrome o Safari. Il seguente frammento di codice è equivalente a quello del passaggio precedente, ma la condizione nell'istruzione If viene modificata per supportare altri browser:
function DisableOtherBrowsers(e) { if (document.layers || (document.getElementById && !document.all)) { if (e.which == "2" || e.which == "3") { return false; } } }
Collega i due metodi con gli eventi del mouse in JavaScript, in modo che vengano chiamati ogni volta che viene rilevata un'azione del tasto destro del mouse. Per Internet Explorer, l'evento del mouse per questa azione è "onmousedown", mentre per altri browser è "onmouseup". Aggiungi le due righe seguenti per chiamare i metodi quando si verificano questi eventi:
document.onmousedown=Disabilita InternetExplorer; document.onmouseup=Disabilita altri browser;
Aggiungi la compatibilità per i browser meno recenti, come Internet Explorer 7, per i quali l'evento del clic destro è etichettato come "oncontextmenu", aggiungendo la seguente riga alla fine del frammento di codice personalizzato:
document.oncontextmenu=new Function("return false");
Fai clic su "Aggiorna anteprima" per visualizzare in anteprima la tua pagina e testare la funzionalità del tuo codice. Seleziona "Salva" e fai clic su "Chiudi" per salvare le tue preferenze e chiudere l'editor di codice Tumblr.
