Pubblicato il 01/04/15e aggiornato il

Disabilitare il destro del cursore con avviso a tutta pagina.

Come impedire di copiare le immagini con il destro del cursore mostrando a tutta pagina un avviso in stile cartoon.
Continuo nella pubblicazione di metodi per aumentare la protezione dei contenuti del nostro blog. Mi riferisco soprattutto al furto di immagini che colpisce molte tipologie di siti. Come ho già avuto modo di affermare non esiste un sistema sicuro al 100% contro questa pratica che va contro a ogni principio di correttezza. Possiamo però inserire delle procedure per rendere la copia delle foto più difficile e in grado di dissuadere almeno i meno esperti di informatica.

Questa deterrenza viene fatta solitamente con la disabilitazione del destro del mouse per evitare la procedura di copia più semplice. La particolarità del sistema che vado a illustrare sta nell'avviso che riceve il navigatore che non sarà un semplice tooltip ma una immagine mostrata a tutta pagina. L'avviso si visualizza anche se prima si clicca sulla immagine e poi si prova a scaricarla con il destro del cursore.

messaggio-destro-mouse

tutte le volte che si prova a cliccare sul destro del cursore. Facendo un nuovo click si potrà togliere l'immagine con l'avviso e tornare alla situazione iniziale

demo

Se provate a usare il destro del mouse nella pagina di test visualizzerete l'immagine in questione che poi potrà essere tolta con un semplice click. Per installare questa funzionalità nel nostro sito si va su Modello > Modifica HTML, si cerca la riga </body> e, subito sopra, si incolla questo codice

<!-- Disabilitare il destro del mouse - Inizio -->
<script>
var DADrccolor = "#F1F1F1";
var DADrcimage = "https://lh6.googleusercontent.com/-OoGGIVOJzxA/VRujKv68DdI/AAAAAAAAr7k/f4oxh5sRa5A/s300/supereroe.png";
</script>
<script type="text/javascript" src="https://googledrive.com/host/0B5vupkCL4QrxZXk0QUpyZTRreTA/antirightclick.js"></script>
<!-- Disabilitare il destro del mouse - Fine -->

Si salva il modello. L'immagine e il colore di sfondo della pagina con l'avviso possono essere modificati a piacere così come può essere caricato sul vostro Google Drive lo script colorato di viola. Concludo linkando 10 risorse presenti su questo sito riguardo a questo tema:
  1. Disabilitare il destro del cursore su tutte le immagini
  2. Disabilitare il destro del mouse solo in determinate pagine
  3. Disabilitare il destro del mouse solo sulle immagini
  4. Come impedire di mostrare il menù contestuale
  5. Aggiungere un link al nostro sito ai contenuti copiati
  6. Come scoprire chi ti copia i post
  7. Come proteggerci da chi ci copia
  8. Impedire la copia delle immagini con il trascinamento (1° versione)
  9. Impedire la copia delle immagini con il drag & drop (2° versione)
  10. Come impedire l'evidenziazione di un testo.
Fonti | Dickey Maru e Ciudad Blogger




Nessun commento :

Posta un commento

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti. Se ti ho aiutato con il post o con le risposte ai commenti condividi su Facebook o su Twitter. Grazie.