css بتحالف مع javascript لحماية صور موقعك (كود)

Zizwar · 15-08-2004, 12:34 AM

السلام عليكم
كيف حالكم و أجوائكم في هذا الصيف، إن شاء الله تكونو بخير

إلى صلب الموضوع ..

هناك عدة طرق لحماية صور موقعك، وغالبا ما تكون محمية بكود جافا سكر يبت

كهذا الكود لمتصفح internet explorer

كود PHP:

  document.oncontextmenu=new Function("return false")

وهذا ل نيتسكيب و موزيلا

كود PHP:

  function disableNS(e){

if (document.layers) {

if (e.which==2||e.which==3) {return false;}

  }

}

document.captureEvents(Event.MOUSEDOWN);

document.onmousedown=disableNS;

أو بالكود الذكي الذي يمنع تفعيل الزر الأيمن فقط على الصور،
لكن طريقة المنع هذه لا تنفع في بعض الأحيان، لأنها قد تشعل شرارة التحدي عند الشخص المتصفح ، فلا يفارق الصفحة حتى ينال مراده (الصورة).. لأنه إن لم يحصل عليها في متصفح MSIE قد يأخذها ب Opera أو Mozilla نظرا لأن إبطال تفعيل خاصية الزر الأيمن تختلف من متصفح لآخر،ولا تنفع هذه الطريقة في حالة حفظ الصفحة فإن جميع الصور وملفات js و css تتجمع في ملف واحد يعني إن لم يحصل عليها بالطريقة الأولى فإنه لا محالة سيأخذها بالطريقة الثانية .
طريقتي المبتكرة لا تعتمد على تعطيل خاصية الزر الأيمن و لا هم يحزنون .. بل بالعكس عندما تضغط بالزر الأيمن على الصورة يمكن أن تخزنها في جهازك ، ستقولون وما فائدته إن تم تخزين الصورة ..

وما فائدة هذا العنوان شكله كأنه مسطر في دهاليز العسكر(عجيب)

سأرد و أقول ما رأيكم أن تجربوا إنزال صورة من هذا الرابط
http://www.mus-lim.net/wino/9aylola.htm

ما السر :
السر هو أننا نجعل الصورة خلفية لنفسها مع تغيير امتدادها إلى امتداد صورة أخرى شفافة

فكرة ولا فبال الجن قوس قزح >> مبالغة

ماهية الكود:
الكود يقوم بتحسس جميع الصور الموجودة في الصفحة ، فيقوم بسحب الامتداد لكل صورة ليعطيها كخلفية من خلال style لنفس الصورة ، و امتداد الصورة نعطيها امتداد لصورة أخرى مرفقة ، لكن هذه الصورة يجب و بالضرورة أن تكون أولا شفافة و ثانيا مقاساتها في الطول و العرض لا تتعدى 1 بكسل . كهذه

أعرف أنكم لم تروها لكن فعلا أدرجتها أسفل (كهذه) و هذا هو رابط الصورة الشفافة
http://www.mus-lim.net/wino/winotrans.gif
وحتى تفهم الفكرة جيدا ، نفترض أنه عندنا هذه الصورة

كود PHP:

  <IMG SRC="logo/swalif.gif">

بعد تفعيل الكود عليها تصبح

كود PHP:

  <IMG style="background-image:url('logo/swalif.gif')" SRC="winotrans.gif">

وهكذا تصبح الصورة winotrans.gif هي الصورة الرسمية للوسم ، لكن بحكم أنها شفافة فستظهر صورة الخلفية هي الصورة الرسمية

حتى أنه بعد تنزيل الصفحة ببرامج التنزيل أو من خلا save as فإن ملف الصفحة يكون فارغا إلا من ملف js و css و الصورة الشفافة ك:

الكود:

كود PHP:

  <SCRIPT LANGUAGE="JavaScript">

<!--//Jss Dev: Ibrahim Bidi :)

wino = function(){

var TagImg = document.getElementsByTagName("img");

var ImgTrans = "winotrans.gif";

var NamberImg = TagImg.length;

var h,w;

for(i=0; i<NamberImg; i++){

    w = TagImg[i].width;

    h = TagImg[i].height;

    TagImg[i].style.backgroundImage = "url('"+TagImg[i].src+"')";

    TagImg[i].src = ImgTrans;

    TagImg[i].width = w;

    TagImg[i].height = h;

    }

}

window.onload = wino;

//Zizwar.hotmail@com 

//-->

</SCRIPT>

يستحسن إنزاله من المرفقات مع الصورة الشفافة
حجم السكريبت و الصورة
44 بايت للصورة و 430 بايت للسكريبت المجموع 474 بايت
طريقة التركيب :
سهل إرفع ملف js و الصورة و لا تنس تعديل رابط الصورة من المتغير الموجود في الكود

كود PHP:

  var ImgTrans = "winotrans.gif";

مثال:

كود PHP:

  var ImgTrans = "http://domain.com/winotrans.gif";

هكذا أفضل حتى تستطيع استدعاء الكود لأي صفحة في موقعك تفاديا لتكرار نسخ الصورة

وتضع هذا الكود في صفحتك

كود PHP:

  <script src="http://www.domain.com/jss.js"></script>

كما في المثال السابق
http://www.mus-lim.net/wino/9aylola.htm

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

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

تمنياتي لكم إخواني بالتوفيق
و السلام

Dr-dre67 · 15-08-2004, 01:07 AM

السلام عليكم

كالعادة

مبيض وجوهنا

abo soude · 15-08-2004, 01:10 AM

عمل مثير جداً وراح أستخدمة إن شاء الله في موقعي ...

شكراً Zizwar ...

المهمة9 · 15-08-2004, 01:24 AM

وفقك الله اخي الكريم ......جزاك الله خيرا

Fuga · 15-08-2004, 02:06 AM

عمل رائع
بالتوفيق

Mr.php-ar · 15-08-2004, 03:33 AM

اقتباس:

رد مقتبس من abo soude
عمل مثير جداً وراح أستخدمة إن شاء الله في موقعي ...

شكراً Zizwar ...

beshoo · 15-08-2004, 03:44 AM

زيزو واذا عملت save as ما راح تنزل كل الصور

او بملفات الانترنت المؤقتة

لا مجال للهرب

faleh2002 · 15-08-2004, 03:50 AM

حلوة فكرة الكود الذكي هذا ...................

يعطيك العافية بالتوفيق اخونا العزيز Zizwar على طرحك لهذا الموضوع .

وبارك الله فيك .

alwa7eed · 15-08-2004, 04:07 AM

اذا عصبت راح اخذ print screen

لكن بصراحه فكرة جهنمية .. اهنيك على ابتكارها

الف شكر الغالي وفعلاً اثرت اعجابي

جمال2 · 15-08-2004, 04:09 AM

أنت معجزة ..
ما شاء الله عليك

احمدي · 15-08-2004, 04:34 AM

Zizwar عيني عليك بارده بصراحه شغل مضبووووط وفكره حلوووووووه حلوووووووه وذي الي متعودين عليه منك كل موضوع احسن من الثاني ومن الاحسن الى الاحسن ان شاء الله

في طريقه تقدر تاخذ الصوره وهيه اذا كنت تستخدم المتصفح العربي ( Avant Browser) تقدر تاخذ الصوره بكل سهوله بعد منع برنامج الجافا

beshoo · 15-08-2004, 05:20 AM

الوندوز الفرنسي احلا شي

abutawfig · 15-08-2004, 07:55 AM

لكن عند حفظ باسم ..
تخزن الصورة في مجلد الصور التابع للصفحة على الجهاز

فهل من طريقة تمنع حفظ بأسم ؟

ملك الفوتوشوب · 15-08-2004, 08:06 AM

نهنيك على هذا الابتكار ...
لكن باقي شئ انه كيف نحفظها من البرنت سكرين

azizman · 15-08-2004, 12:30 PM

اقتباس
: الأحمدي

Zizwar عيني عليك بارده بصراحه شغل مضبووووط وفكره حلوووووووه حلوووووووه وذي الي متعودين عليه منك كل موضوع احسن من الثاني ومن الاحسن الى الاحسن ان شاء الله

---------------
بس لو حطيتها براسي والله ما بسيبها لو من التمبروري

حرامي خبرة

تحياتي لك عزيزووو

bman · 15-08-2004, 12:39 PM

مــشــكور

Al Zeeny · 15-08-2004, 01:09 PM

ابتكار رائع ما شاء الله نهنيك عليه اخي الفاضل ..

من وجهة نظري اهم طرق سرقة الصور هي :

1- حفظ الصورة باسم
2- سحب الصورة على شريط العنوان فتظهر تلقائيا ( جربت الطريقة مع صورتك فستطعت حفظها فعلا ) او سحبها على برنامج الفوتوشوب مباشرة من المتصفح
3- حفظ الصفحة كاملة
4- عرض المصدر
5- الملفات المؤقتة
6- أخيرا ... برنت سكرين

ابومنار · 15-08-2004, 02:19 PM

بارك الله فيك وفي علمك اخوي Zizwar

لكن عندي نقطة مدري يمكن انا مافهمتها ..

اقتباس:

حتى أنه بعد تنزيل الصفحة ببرامج التنزيل أو من خلا save as فإن ملف الصفحة يكون فارغا إلا من ملف js و css و الصورة الشفافة

عندما حفظت الصفحة save as ظهرت جميع الصور في المجلد ( سوالف سوفت - هذه هي القيلولة و إلا بلاش !_files ) بدون إستثناء !
---------------
ايضا بالإمكان معرفة مكان الصورة من المصدر ..

http://www.mus-lim.net/wino/9aylola_...rs/9aylola.jpg

متصفحي IE6

مع أعطر تحياتي وتقديري

Zizwar · 15-08-2004, 05:01 PM

شكرا لكم و على تفاعلكم كما عهدنا منكم جزاكم الله ألف² خير

أولا أعرف أنه يوجد أعضاء هنا و لو جزءت الصورة إلى 5000 قطعة، و قمت بحمايتها بشرطة Group4 ، فإنهم تجميعها و تشتيت فرقة group4

اقتباس:

رد مقتبس من alwa7eed
اذا عصبت راح اخذ print screen

اقتباس:

رد مقتبس من beshoo
زيزو واذا عملت save as ما راح تنزل كل الصور
او بملفات الانترنت المؤقتة
لا مجال للهرب

في الحقيقة هذا ما أريد لأنه ليس كل واحد يعرف يسحب الملفات المؤقتة و ليس كل من print screen سيعرف كيف يستخلص الصورة منها ، و هذا الكود ليس بكود التعجيز بقدر ماهو (إستعصاء) الحصول على الصورة

....
نظرا لضيق الوقت
باقي الردود في المساء إن شاء الله