سوالف سوفت - Blogs

دجاجي يلقط الحبة ويجري وهو فرحان

HaMaDa4eVeR — Wed, 31 Oct 2007 20:20:31 GMT

هذا تقريبا اول بيت شعر في قصيدة احفظها

حفظته منذ السنة الاولى ابتدائي وعمري كان 5 او 6 سنوات :)

سكريبت جافا لمن يعاني من صداع في رأسه

Zizwar — Wed, 03 Oct 2007 14:05:43 GMT

أضع بين أيديكم سكريبت جافا من أوائل الأكواد برمجته ولا أعرف ما فائدته فقط برمجته لأطبق ما تعلمته الى أن قال لي أحد أصدقائي أنه يصلح لمن يعاني من صداع في رأسه

جربوه هنا
يشتغل على IE فقط
:nice:

تحدي وخصوصا للمحترفين في المواقع

Zizwar — Wed, 03 Oct 2007 14:00:42 GMT

فالتحدي و ما فيه هي أني أريد من أحدكم أن يكتشف السورس الحقيقي لصفحة أخفيت السورس بطريقتي الخاصة و التي اكتشفتها بنفسي ولم يعلمني أحد اياها بل كنت فقط أسمع بها

ما هي و كيف هي اليكم هده الصفحة و حاولو أن تفهموها
http://wino.ws/javascript/khafy

لوحة key4arab نسخة تجريبية

Zizwar — Wed, 03 Oct 2007 13:57:59 GMT

السلام عليكم
انتهيت من برمجة عصب خوارزمية الخاصة بكتابة الحروف العربية عن طريق اللوحة الحقيقية و ليست الافتراضية، هذا حتى لو كان المتصفح لا يدعم العربية ك ie4 نظرا لاعتمادي على طبع الحرف بكود أسكي و ليس بنسخة من الحرف المحجوز
يدعم جميع هذه المتصفحات IE4 فما فوق جميع و متصفحات موزيلا و نيتسكيب و Opera لم أجربها بعد
يدعم اللواحات AZERTY و QUERTY تلقائيا
و الباقي ستكتشفونه بنفسكم

Key4Arab

Clock Arabic V3 WS ساعة عربية في موقعك شكلا و مضمونا

Zizwar — Wed, 03 Oct 2007 13:53:41 GMT

السلام عليكم
إليكم إخواني الأعزاء الإصدار الثالث من الساعة العربية بعد الإصدارين السابقين
Clock Arabic V 1.0
Clock Arabic V 2.0

مايميز هذا الإصدار
- سهولة إدراج الساعة في الصفحة بالكيفية و الطريقة التي تريدها و التحكم الكامل بال Style من خلا CSS
- متوافق مع متصفحات MSIE و Mozilla و Netscape
- يمكن إدراجه بعدة طرق كإدراج التاريخ في عنوان الصفحة أو شريط التمرير

لكن أكثر ما يميزه هو أنه مبرمج بطريقة WinoScript أي أنه مبرمج باللغة العربية :) يمعنى أن المتغيرات و الدوال و المعالم كلها عربية و لا مكان لحرف لاتيني بين الكود . فبعدما كان الكود على هذه الشاكلة

كود PHP:


			
for(
i = sifr;
i < al_sana_al7aliya;
i ++
    ){
    wa7adat_al_wa7adat++;
    if (wa7adat_al_wa7adat > 9){
        wa7adat_al_wa7adat = sifr;
        wa7adat_al_acharat++;
        }         
    if (wa7adat_al_acharat > 9){
        wa7adat_al_acharat = sifr;
        wa7adat_al_mi2at++;
        }
    if (wa7adat_al_mi2at > 9){
        wa7adat_al_mi2at = sifr;
        wa7adat_al_alaf++;
        }
    if (wa7adat_al_alaf > 9){
        wa7adat_al_alaf = sifr;
        }
    }
var majmo3 = lashay2;
    majmo3 += wa7adat_al_alaf;

أصبح الآن

كود:

المتغير المجموع = لاشيء;
    المجموع += وحدات_الآلاف;
    المجموع += لاشيء;
    المجموع += وحدات_المئات;
    المجموع += لاشيء;
    المجموع += وحدات_العشرات;
    المجموع += لاشيء;
    المجموع += وحدات_الوحدات;
إذا(المجموع == السنة_الحالية){
    الألف = مصفوفة_وحدات_الوحدات[وحدات_الآلاف]+ألاف;
    المئات = مصفوفة_وحدات_الوحدات[وحدات_المئات]+مائة;
    العشرات = مصفوفة_وحدات_العشرات[وحدات_العشرات];
    الوحدات = مصفوفة_وحدات_الوحدات[وحدات_الوحدات];
    إستكشاف(وحدات_الآلاف){
        إذيساوي 0 : الألف = لاشيء; 
                 الواو = لاشيء;
                 توقف; 
        إذيساوي 1 : الألف = ألف;
                 توقف;
        إذيساوي 2 : الألف = ألفين; 
                 توقف;
        }
        إستكشاف(وحدات_المئات){
        إذيساوي 0 : المئات = لاشيء; 
                 الواو1 = لاشيء; 
                 توقف;
        إذيساوي 1 : المئات = مائة;  
                 توقف;
        إذيساوي 2 : المئات = مئتان;  
                 توقف;
        }
    إذا(وحدات_العشرات == 1){
        الواو2 = لاشيء;
        إستكشاف(وحدات_الوحدات){
            إذيساوي 0 : العشرات = عشرة ; توقف;
            إذيساوي 2 : الوحدات = إثنتا ; توقف;
            }
        }
    إذا(وحدات_الوحدات == صفر){
        الواو2 = لاشيء;
        }
    إذا(وحدات_الوحدات == صفر && وحدات_العشرات == 1){
        العشرات = عشرة;
        }
    إذا(وحدات_الوحدات == صفر && وحدات_العشرات == صفر){
        الواو = لاشيء;
        }
    إذا(وحدات_المئات == صفر){
        الواو1 = لاشيء;
        المئات = لاشيء;
        }
    مالم يتحقق
        {
        إذا(وحدات_العشرات == صفر ){

و لرؤية السورس كاملا و ملونا
ClockSourceColor
و لتجربة الساعة
ClockArabicV3
===================
طريقة الإدراج
يمكنك إدراج السكريبت بالطريقة و في المكان الذي تختار في الصفحة شريطة أن تعطي للوسم الذي تريد ان تظهر فيه الساعة العربية id=وينو ك

كود PHP:


			
<div id=وينو>div>

أو

كود PHP:


			
<a id=وينو>a>

أو حتى

كود PHP:


			
<marquee id="وينو" direction="right">marquee>

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

كود:

المعلم("وينو").هتمل = وينو;

إلى

كود:

عنوان الصفحة = وينو;

أو غيره إلى

كود:

شريط التمرير = وينو;

إذا أردت أن يظهر التاريخ في شريط التمرير

أتمنى أن يحوز السكريبت على رضاكم

:)

عرض بال javascript على طريقة ال flash

Zizwar — Wed, 03 Oct 2007 13:39:01 GMT

السلام عليكم

إحدى السكريبتات التي برمجتها بالجافا سكريبت تحاكي في خفتخا وحركيتها تصميمات الفلاش
أتمنى أن تعجبكم

http://wino.ws/javascript/flashjs

يشتغل على متصفحات IE

هنا..الصفحة تخضع لجميع المقاييس !

Zizwar — Wed, 03 Oct 2007 13:28:52 GMT

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

صفحة تتغير وتخضع لجميع المقاسات(ليس القصد المقاييس العالمية رغم أنها خاضعة لها) أقصد الطول و العرض لمحتويات الصفحة بصورها و خطها و جميع محتوياتها تصغر مع الصفحة و تكبر معها دون ادراج الجداول فقط DIV والتنسيق ب CSS و JAVASCRIPT باعتماد DOM .
المثال في الرابط بالأسفل كذالك تجدونه في الملف المرفق
عند الدخول اليه جربوه في التصفح 800 على 600 و 1024 على768 أو أقول لكم قومو بتكبير الصفحة و تصغيرها وردوا علينا بجواب
http://wino.ws/javascript/paracent/
http://wino.ws/javascript/paracent/test.html

:D :D

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

Zizwar — Wed, 03 Oct 2007 13:22:50 GMT

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

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

كهذا الكود لمتصفح 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 تتجمع في ملف واحد يعني إن لم يحصل عليها بالطريقة الأولى فإنه لا محالة سيأخذها بالطريقة الثانية .
طريقتي المبتكرة لا تعتمد على تعطيل خاصية الزر الأيمن و لا هم يحزنون .. بل بالعكس عندما تضغط بالزر الأيمن على الصورة يمكن أن تخزنها في جهازك ، ستقولون وما فائدته إن تم تخزين الصورة .. :anger2: وما فائدة هذا العنوان شكله كأنه مسطر في دهاليز العسكر(عجيب):D

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

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

كود 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">

يستحسن إنزاله من المرفقات مع الصورة الشفافة
حجم السكريبت و الصورة
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">

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

نزل الكود

و السلام

MibyanScript مبيان عربي لكل المواقع

Zizwar — Wed, 03 Oct 2007 13:11:44 GMT

السلام عليكم
هذا السكريبت بدأ كاستفسار هنا {سؤال برمجي في الرياضية} وانتهى بهذه النتيجة التي سترونها عليه بعد حين
هذا السكريبت أسميته قبل برمجته هنا في المنتدى بـ MibyanScrip اي انه منكم و اليكم.

منذ ا ان طرحت فيه ذاك السؤال أي كيف يمكنني أن أحدد نقطة البداية (XوY) ونقطة النهاية فيقوم الكود برسم خط مستقيم يربط تلك النقطتين ورأسي يفور، فما أبرده غير رابط الأخ بشار الخاص بكود {DrawLine } أخدت ذاك الكود و عدلت فيه على حسب مرادي منه، والنقطة الأساسية من التعديل هي جعل السكريبت ينشئ الكود ضمن تقنية دوم و بهذا
اضمن أنه ينشئها ضمن المقاسات العالمية المتفق عليها، وأجتاز مشكلة، اختلاف لمتصفحات

عندما وفقت قي العثور على و التعديل على الدالة الخاصة برسم المستقيمات بدأت مشكلة تحديد و ضبط المبيان شكلا و منحنى، مرة مدة لابأس بها ثم فيها ضبطه، لكن للأسف كان من اليمين الى الشمال ماكنت تنبهت لهل لولا ان استدركني بها الأخ حسام(انترنت بلس)
عندها عرفت انه عليا اعادة صياغة الكود من جديد، ما كان يمين يمين يصبح شمال شمال وما كان في الأعلى ينزل، و – تصبح + و / = * و العكس صحيح
المسألة بدأت تصعب علي و السكريبت حساس جدا و كل النقط محسوبة والمشكلة انها مرتبطة أي تغير على الخاص يسري على العام(اتكلم عن السكريبت و ليس في السياسة)
ولا أخفيكم أنه ثاني سكريبت كاد يأدي بعقلي الى إعادة التهيئة، بعد سكريبت {الساعة العربية} ومشكلة الواو متى تظهر و تختفي وسط كتابة الأرقام، لكن هذا المبيان أحسست أنه حول جميع متغيرات خلايا العصبية من قيمة ++ الى -- .
والحمد لله تم الآن ضبط السكريبت ليكون مبيان عربي 100 بمثلها، بقي فقط ان تجربوه وتعطونا رأيكم فيه.
وهنا مثالين للمبيان
مبيان كلاسيكي

مبيان متقدم

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

مسوداة المبيان و السورس و المثال من هنا نزل

الترخيص لله في سبيل الله
أسألكم الدعاء الصالح لي و لوالدي ولجميع المسلمين
مني الجهد و من الله التوفيق

رابط لنفس الموضوع بتفاعل مع الاعضاء
http://www.swalif.net/softs/swalif54...23/index1.html
و السلام

من المفارقات التي وجدت في HTML و CSS خصوصا مع متصفح MSIE

Zizwar — Wed, 03 Oct 2007 12:55:41 GMT

السلام عليكم

من المعروف أنه حين تريد الإعلان عن خصائص الصفحة أنك تسويها في وسم ال body ك:

كود PHP:


			
<body bgcolor="#336699" text="#CCCCCC" link="#FFFFFF" vlink="#000000">

أومن خلال CSS

كود PHP:


			
<style type="text/css">
body {
    font-family: Arial, Helvetica, sans-serif;
    color: #CCCCCC;
    background-color: #336699;
}
a:link {
    color: #FFFFFF;
}
a:visited {
    color: #000000;
}
style>

لكن ماذا لو خالفنا القاعدة و أعلنا عن خصائص الصفحة في وسم html ك

كود PHP:


			
<html style="background-color:#336699;color:#ffffff;font-family:Arial,Helvetica,sans-serif">

وبما أن الأمر كذالك فإن هذا الكود بدوره مقبول

كود PHP:


			
<HTML>
<HEAD>
<style type="text/css">
html {
    color: #CCCCCC;
    background-color: #336699;
    font-family: Arial, Helvetica, sans-serif;
}
style>
HEAD>

<BODY>
WinoTest
BODY>
HTML>

///////
هذه العلامتين */ و*/ معروفتان لدى كل المبرمجين أنهما تستعملان للتعليق أولتجاهل بعض الأكواد ك:

كود PHP:


			
<SCRIPT>
/*
التعليق(...)
*/
var s = "salam all";
alert(s);
/*
window.status = s // تجاهل الكود
*/

لكن ما لا يعلمه الكثير أن لها نفس الدور في أوسمة html
وسم الصورة مثلا :

كود PHP:


			
<img src="test.jpg" width="363" height="350" border="4" alt="winoTest" title="titleWino">

إذا وضعنا علامة التجاهل للإمتداد src=test.jpg ك:

كود PHP:


			
<img /*src="test.jpg"*/ width="363" height="350" border="4" alt="winoTest" title="titleWino">

لاحظ أنه تم التعرف على عنوان الصورة وحجم الإيطارو الطول و العرض ماعدا إمتداد الصورة فقد تم تجاهله
مثال آخر وسط ستايل

كود PHP:


			
<a style="position:absolute;left:234;color:#336699;/*background-color:#CC0000*/;font:23">
TestWino
a>

كما ترون لقد تم تطبيق جميع المتغيرات التي وضعناها ضمن style من الوضعية و اللون و حجم الخط ماعدا لون الخلفية background-color:#CC0000 ، و إذا أزلنا علامتي /**/ فستأخد خلفية الخط لونها الأحمر.
لست أدري لماذا تم تجاهل هذا الأمر في جميع محررات ال htmlلأنه حين تضع مثل هذا الوسم فمن المفروض أن تظهر الكتابة التي تتوسط علامتي التجاهل بلون مغاير مثل طريقة ظهور التعليق وسط كود سكريبت الدي أدرجت في الأعلى، حتى العملاق dreamweaver لا يعتبرها

////////
إذا أردت إدراج صورة في الصفحة يكفيك فقط هذا الوسم

كود PHP:


			
<img src="test.jpg">

بدون إدراج الطول و العرض لأن الصورة ستأخد طولها و عرضها الطبيعين
و الوسم الموضوع بهذه الطريقة حينما أراه أعرف أنه موضوع يدويا و ليس آليا

///////
معروف ان رمز الأسود بالهيكس هو : #000000
أقول أنه تكفيك فقط علامة # عن باقي الأصفارك:

كود PHP:


			
<BODY bgcolor="#">

////////
إذا أردنا تكبير الخط فإننا نضعه بين وسمي ... (bold)
ماذا لو إستغللناها في أمور أخرى

كود PHP:


			
<style>
.wino{
position:absolute;
left:234;color:#336699;
background-color:#CC99FF;
font:23
}
style>
<b class="wino">TestWinob>

نفس الأمر مع باقي الأوسمة i ; u ; s ;; q; p ;strong ;sub; sup; pre و بالضبط مع كل الأوسمة التي تغلق ... عكس img و hr و br
///////
الوسم button وما أدراك ما الوسم button أي شيء وضعته بين هذين الوسمين يصبح كله عبارة عن زر يخضع لأمر تحدده له ان من خلال javascript
مثال عند الضغط يتم تغير الصفحة إلى صفحة سوالف

كود PHP:


			
<button onclick=document.location.href='http://swalif.net'>
<A HREF="http://google.net">googleA>
<hr>
<A HREF="http://av.com">altavistaA>
button>

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

إياكم من P2P يا من تستعملون FTP

Zizwar — Wed, 03 Oct 2007 12:51:20 GMT

السلام عليكم

سأحاول ان اوصل لكم ما خلف العنوان في أربع نقط
حدث و لقطات و مشهد و خلاصة

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

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

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

اللقطة الثالثة: عندما تفتح الباب بنفسك
ماذا لو كنت تستعمل برنامج FTP وتتصل بعدة مواقع هي لك أو لزبنائك او لأصدقائك، وفي نفس الجهاز تستعمل احد برامج P2P

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

المشهد:
هذا الموقع http://www.lastefani.it السيرفر آمن و سكريبتاته خالية من الثغرات، أحكم إغلاق النوافذ لكنه فتح الباب بنفسه، والنتيجة http://www.lastefani.it/wino

هذا www.efesovacanze.com
المشهد www.efesovacanze.com/wino

هذا www.rare-enterprises.com
المشهد www.rare-enterprises.com/wino

هذا http://www.lpitalia.com
المشهد http://www.lpitalia.com/Italo/wino/

أكتفي بهذا القدر(وأغلبها إيطالية)، لم أرد هذه المشاهد كبطولة مني، وإنما لتمسوا بأنفسكم مدى الخطر الذي يحيط بمواقعكم و أنتم لا تعلمون

الخلاصة:
إياكم ثم إياكم من P2P يا من تستعملون برامج FTP

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

تقنية أجاكس

Zizwar — Wed, 03 Oct 2007 12:47:42 GMT

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

كود PHP:


			
<SCRIPT LANGUAGE="JavaScript">

وهنا أمثلة قديمة للوينوسكريبت تعتمد على هذا الكود الشبه المبتكر
http://www.winoscript.com/ws/demo.html

عندما وصلت لهته النتيجة كانت قد اخدت مني ليلة كاملة و النتيجة في الصباح أعطيتها للعريس الجديد ابو مشعل :D
كنت سأطرح هذا الكود لولا ان قلت سأستشير المبرمج عادل(صاحب مدونات العرب) اولا، كما يستشيرني هوبدوره في بعض الأكواد و السكريبتات قبل طرحها للعموم،فقال لي لا تتعب نفسك يا ابراهيم هذه التقنية، موجودة قلت له كيف فأعطاني هذا الكود:

كود PHP:


			
function include (url)
{
    if (url == null) return;
    try {
        var con = new XMLHttpRequest ();
    } catch (e) {
        try {
            var con = new ActiveXObject("Msxml2.XMLHTTP");
        } catch (_e_) {
            var con = new ActiveXObject("Microsoft.XMLHTTP");
        }
    }
    con.open ("GET", url, false);
    con.send (null);
    eval (con.responseText);
}

فوجدت الكود ونعم، وفي المساء قال لي الأخ رضا ابراهيم عندي مشكلة صغيرة، ماهي؟ قال أريد خلية وسط جدول ان تجلب لي قيمة من قاعدة البيانات في كل مرة دون ان اجعل الصفحة تحمل من جديد(الرفريش) فكان كود عادل(ajax) هو الحل :)
--
وgoogle له علاقة بهذه التقنية خصوصا في البريد-الثورة- Gmail ونفهم الآن لماذا كان بريد gmail يطلب منا تغيير متصفحنا او ترقيته في بعض الأحيان، خصوصا في ie الخاص ب win2000، ذالك لأنه يعتمد على هذه التقنية كشرط تعاملي أساسي

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

سلبيات هذه التقنية:
- تعمل فقط مع جافا سكريبت
- قد تشكل تغرة جديدة على انترنت اكسبلورر، حيث ان هذه التقنية تجلب من اي ملف من الجهاز دون قيد او شرط، ولكم ان تفهمو ذالك من خلال بريد gmail حيث انه في متصفح انترنت اكسبلورر لا يحتاج الى وسم استعراض type=file الا لمعرفة امتداد الملف اما السحب فإنه يكون عن طريق ajax
- لا تعترف بالمتصفحات القديمة او النادرة
- لا يمكن الجلب من خارج السيرفر الا في بعض الحالات الخاصة
---------------------------------------
نأتي الآن للكود

توجد ثلاث مقابض(نهج) للإمساك بتقنية ajax في المتصفحات
اتنثان للأنترنيت اكسبلورر في الويندوز ضمن أكتيف إكس
var ajax = new ActiveXObject("Microsoft.XMLHTTP");
var ajax = new ActiveXObject("Msxml2.XMLHTTP");
والثالثة لباقي المتصفحات Mozilla, Konqueror, Safari و Opera
var ajax = new XMLHttpRequest();

واحسن طريقة للإمساك بالمقبض المناسب في كل متصفح هي عن طريق catch و try مثال في الكود السالف ذكره فوق او if else كـ:

كود PHP:


			
if (window.XMLHttpRequest){ 
    ajax = new XMLHttpRequest();   
    } else if (window.ActiveXObject){ 
    ajax = new ActiveXObject('Microsoft.XMLHTTP'); 
 Msxml2.XMLHTTP
    } else 
    return false

بعد ان أخد المتغير ajax قيمة مقبض XMLHTTP
يصبح سهل علينا ان ندرك تركيب كل المناهج الثالية:

نهج العنصر XMLHttpRequest

المنهج open()
الوصف: لفتح التماس جديد واختيار النهج get او post او head ثم الروابط
------------------------
المنهج abort()
الوصف: التخلى عن الالتماس
------------------------
المنهج send()
الوصف: ارسال الالتماس اما بقيمة اوبدون(null) وذالك يعتمد على اي نهج في الإرسال اخترنا get او post
------------------------
المنهج setRequestHeader()
الوصف: ارسال او تثبيت قيمة لرأس(الهيدر) الصفحة او الملف المرسل ( صورة او ملف تنفيدي او ملفات الأنماط المتعاقبة)
------------------------
المنهج getResponseHeader()
الوصف: أخد قيمة الرأس(الهيدر) وهذه ستنفعنا ان نستكشف اي نوع من الملفات التي سنجلب
------------------------
المنهج getAllResponseHeaders()
الوصف: استقبال او اخد كل قيم هيدر الصفحة المطلوبة على هيئة سلسلة كتابية
------------------------

############
ايضا هذه الخصائص:
خصائص العنصر XMLHttpRequest

العنصر readyState
خصائصه:
وهي خاصة بوضعية العنصر، وتعطيك خمس قيم رقمية من 0 الى 4
0 = لا توجد قيمة، اي ليس هناك ارسال او استقبال
1 = النهج open() فتح الإرسال بنجاح
2 = النهج send() ارسل بنجاح
3 = الصفحة او الملف المراد جلبه قيد التحميل - وهذه القيمة تنفع اذا اردت ان تواسي الشخص المتصفح بكلمة -قيد التحميل او لحظات مثل بريد gmail حين يضع loading بالأحمر-
4 = انتهى التحميل
------------------------
العنصر responseText
خصائصه:
رد كتابي او بمعنى اخد الرد كقيمة كتابية Text
------------------------
العنصر responseXML
خصائصه:
اخد الرد كقيمة dom بمعنى انه يمكنك ان تأخد هذه القيمة كلغة توصيفية للتعامل معها بالدوال الخاصة بـ xml، اي نفترض انك جلبت ملف xml به ما يزيد عن 100 سطر وتريد فقط ان تجلب منه ثلاث اسطر او تعريفات فإن استقبلته ضمن الخاصية responseText فماهية وما لونها حتى تستخلص منها فقط تلك السطور التي تبغيها، اما اذا استعملت خاصية responseXML فالأمر سيكون سهل جدا و للغاية حيث أنك ستعتمد على خاصية item() لجلب ماتحتاجه فقط ;)
------------------------
العنصر status
خصائصه:
هذه الخاصية تستكشف اي تصريح(اذا صحت الكلمة) معطى للصفحة المراد جلبها ف مثلا 404 لصفحة الخطأ، و 200 فهي تعني الموافقة، اي ان الصفحة يمكن جلبها عن طريق تقنية ajax، لكن هذه المسألة تطرح فقط اذا كانت الصفحة المراد جلبها توجد في سيرفر آخر، وغالبا لا يمكن ان تجلب اي ملف من خارج السيرفر، حتى وان كان rss وهذه الخاصية تنفع في اظهار رسالة تنبيه في حالة لم يكن التصريح 200
وهناك مفارقة بين انترنت اكسبلورر و باقي المتصفحات الأخرى، حيث انه اذا كان ملف ajax في localhost يمكن لمتصفح انترنت اكسبلورر ان يجلب اي صفحة او ملف من اي موقع او سيرفر آخر سواء كان التصريح 200 او 2005 ;)
مثل البريمج TransAjax حيث يرسل ويجلب المعلومات من google دون قيد او شرط، لكن هذا كما قلت يحدث فقط في انترنت اكسبلورر واذا كان امتداد الصفحة في لوكال هوست
------------------------
العنصر statusText
خصائصه:
الرسالة التي تكون مصحوبة مع الكود لمعرفة بعد الخصائص المتقدمة للملف
------------------------
العنصر onreadystatechange
خصائصه:
تدبير الحالة في كل تغيير او في كل مرة وهي تنفع عندما نريد ان نستعمل تلك الدالة اكثر من مرة.
------------------------

~~~~~~~~~~
و الآن اليكم دالتنا الخاصة include() بحيث ان هذه الدالة ستعود لنا بقيمة محتوى الرابط الذي سنجلبه

كود PHP:


			
<SCRIPT>
//////////////////////////////>
include = function(url,method_,send_){
var ajax;
if (!url) return;
try{
    ajax = new XMLHttpRequest ();
    }
    catch (e){
        try {
            ajax = new ActiveXObject("Msxml2.XMLHTTP");
            }
    catch (_e_) {
        ajax = new ActiveXObject("Microsoft.XMLHTTP");
        }
    }
ajax.open (method_, url, false);
ajax.send (send_);
if (ajax.readyState==4)
    return ajax.responseText;
}
///////////////////////////////>

/////
للعلم هذه التقنية لاتدخل ضمن المقاييس العالمية للمنظمة w3c على الأقل حاليا، لكن لها ارضية خصبة لهذه التقنية ضمن دوم المستوى الثالت dom level3