Merhaba Arkadaşlar,
Birçok sitede resimler üzerinde sağ tıkladığınızda resmi farklı kaydet seçeneği çıkar biz şimdi bu özelliğin çıkmamasını sağlamak adına bir işlem yapacağız yani sayfamızdaki istediğimiz resimlerin kopyalanmamasını sağlayacağız.
Bunun için tek yapmamız gereken <img> tagına ufak bir belirteç yazmak.
komutumuz : onContextMenu="return false"
Kullanımı ise;
<img onContextMenu="return false" src="resim.jpg"></img>
artık resim.jpg mause ile sağ tıklamayla farklı kaydedilemeyecektir.
Bu işlem her resim için yapılması gerekir biz bu işi biraz daha abartalım kullanıcı sayfamızda bulunan yazıları ve resimlerin hiç birini indiremesin kopyalayamasın..
Bunun için ufak bir javascript koduna ihtiyacımız var aşağıdaki kodu <head> </head> tagları arasına yerleştirin.
<script> document.addEvent('contextmenu',function(e){ e=new Event(e); e.stop(); }); function selectnone() { document.body.ondrag = function () { return false; }; document.body.onselectstart = function () { return false; }; if(window.ie || window.opera){document.body.setProperty("unselectable","on");} if(window.gecko){document.body.setStyle("MozUserSelect","none");} if(window.webkit){document.body.setStyle("KhtmlUserSelect","none");} } </script>
Yukarıdaki javascript kodunu ekledikten sonra geriye tüm sayfaya etki etmesi için <body> tagının onload olayına fonksiyonumuzu belirtmemiz gerekiyor.
<body onload="selectnone()">
artık sayfa içerisindeki tüm elemanlarımız kopyalanamaz özelliğine sahip durumdadır.
Bir sonraki makalemizde görüşmek dileğiyle.