Come disabilitare il destro del mouse su tutte le immagini.

Come impedire che vengano copiate le immagini del blog disabilitando il tasto destro del cursore solo sulle foto.

Avevo già presentato un procedimento per impedire l'apertura del menù contestuale quando con il destro del cursore si cliccava su una singola immagine ma in un commento a tale post mi si è chiesto se fosse possibile disabilitare il menù contestuale su tutte le immagini senza doverlo fare individualmente. Questa operazione serve come deterrenza verso coloro che copiano le foto dei siti o addirittura che ne acquisiscono il link diretto per poi ripubblicarle nei loro blog.

Non sto a ripetere che uno mediamente esperto di informatica riesce comunque a risalire all'URL di una immagine magari andando sul sorgente pagina o usando altri espedienti ma si tratta comunque di una funzionalità che potrebbe scoraggiare molti copiatori non proprio navigati. D'altra parte sono soprattutto quelli che sono alle prime armi a sfruttare il lavoro altrui spesso senza neppure essere consapevoli della non liceità del loro comportamento.

Attraverso l'introduzione nel modello di un semplicissimo javascript è possibile giungere a questo risultato

Si va su Modello > Modifica HTML e si clicca nell'area del codice. Si digita Ctrl+F e su Search si incolla </head> . Si evidenzierà nel template tale riga e, subito sopra, va incollato questo codice

<!-- Disabilitare il destro del mouse solo nelle immagini -->
<script type="text/javascript">
//<![CDATA[
    function cont_menu(e) {
        var clickedTag = (e==null) ? event.srcElement.tagName : e.target.tagName;
        if (clickedTag == "IMG") {
            alert(alertMsg);
            return false;
        }
    }
    var alertMsg = "Il menù contestuale è disabilitato nelle immagini";
    document.oncontextmenu = cont_menu;
//]]>
</script>

Si salva il modello. Provate a cliccare con il destro del cursore in una delle foto della Demo

Al posto della scritta in rosso potete inserire un'altra espressione magari più colorita. Il destro del cursore funzionerà perfettamente al di fuori delle immagini e potrà essere selezionato e copiato del testo senza problemi. Una personalizzazione utile per chi voglia proteggere le foto che posta sul suo sito. Questo script oltre che su Blogger dovrebbe funzionare anche con qualsiasi altro CMS o pagina web.

Fonti | Dynamic Drive - Blogger Sentral -