الاثنين، 24 يونيو، 2013

كيفية تعطيل النقر على الزر الأيمن من الفأرة لحماية صور موقعك أو مدونتك من السرقة



تُعد طريقة تعطيل النقر على الزر الأيمن من الفأرة من بين أهم التـقنيات المستعملة لحماية صور موقعك أو مدونتك من السرقة.

بالرغم من كون هذه التقنية فعالة إلى حد ما في منع زوار مدونتك من سرقة الصور، إلا أنه يحبطهم أيضا وخصوصا الزوار المواظبين

على متابعة جديد مدونتك، وذلك بحرمانهم من الإستفادة من العديد من الوظائف المفيدة و التي لها علاقة بالنقر على الزر الأيمن من الفأرة - كفتح الرابط في نافذة جديدة على سبيل المثال.

ومع ذلك فهذه الطريقة هي الأمثل والأنسب لتعطيل حق النقر بالزر الأيمن من الماوس على الصور فقط، لمنع الزوار من سرقة الصور المنشورة على مدونتك أو على موقعك الخاص بك، لدى فهذه أفضل من عدم القيام بأي شيء؛ أليس كذلك ؟.

شرح الطريقة :

1- اتجه إلى لوحة تحكم البلوجر الخاصة بك و اضغط على "تصميم" من القائمة الجانبية ثم على "تحرير HTML".


أ * الحالة الأولى : لتعطيل النقر على جميع صور مدونتك أو موقعك

2- ثم اضغط على "CTRL +F" وابحث عن </head> وانسخ فوقه الكود التالي :
<script type="text/javascript">
//<![CDATA[
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
Disable right click / context menu on images by R.El Mokhtari (AfkarPro.Blogspot.com)
Version 1.0
You are free to copy and share this code but please do not remove this credit notice.
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
    function nocontext(e) {
        var clickedTag = (e==null) ? event.srcElement.tagName : e.target.tagName;
        if (clickedTag == "IMG") {
            alert(alertMsg);
            return false;
        }
    }
    var alertMsg = "النقر معطل على هذه الصورة";
    document.oncontextmenu = nocontext;
//]]>
</script>

* يقوم هذا الكود على تعطيل خاصية النقر بالزر الأيمن من الفأرة ومنع ظهور قائمة السياق واستبدالها بمربع التنبيه التالي :


3- للتعديل على الكود :

* اللون الأحمر : من هنا يمكنك استبدال الرسالة حسب رغبتكـ. 
* إن كنت تفضل عدم إظهار مربع التنبيه ماعليك إلا حذف السطرين اللذين يحتويان على المتغير (alertMsg)، أو تحويلهما إلى تعليق وذلك بنسخ // قبل كل سطر حسب هذا المثال :
    //alert(alertMsg);
    
//var alertMsg = "النقر معطل على هذه الصورة";


4- و لا تنسى حفظ القالب.


ب * الحالة الثانية : لتعطيل النقر على صورة معينة فقط

لتعطيل خاصية النقر بالزر الأيمن من الفأرة ومنع ظهور قائمة السياق على صورة معينة يكفي أن تضيف الكود التالي داخل وسم img المراد التطبيق عليه :
oncontextmenu='alert("النقر معطل على هذه الصورة");return false;'

الطريقة - 
 اتجه إلى لوحة تحكم البلوجر الخاصة بك >> و اضغط على "المشاركات" من القائمة الجانبية >> ثم اختر أحد المشاركات التي تريد التعديل على أحد صورها، >> وقم بالدخول إلى إلى وضعية "HTML"، حدد موقع وسم "img" للصورة التي تريد تعطيلها وانسخ السطر اللي بالأعلى داخله، كما في المثال التالي :

<img oncontextmenu='alert("النقر معطل على هذه الصورة");return false;' border="0" src="http://1.bp.blogspot.com/-rcRtMo5iEc0/UchSX_y5l_I/AAAAAAAADEY/moLF0n1Cp-g/s1600/How-Disable-Right-Click-on-your-Blog-to-prevent-images-from-being-stolen+--+www.AfkarPro.Blogspot.com.png" />


*! أتمنى أن أكون قد وفقت في إيصال المعلومة لكم بدون تعقيدات ;)
و إذا واجهت أي مشكل أو لديك أي استفسار لا تتردد في طرح سؤالك وذلك بالرد بتعليق، سأجيب بالتأكيد! إن شاء الله ...




ـ
روابط هذه التدوينة قابلة للنسخ واللصق
URL
HTML
BBCode

هناك تعليق واحد :