النتائج 1 إلى 3 من 3

الموضوع: طرق و اساليب للاختصار في جافا السكربت

  1. #1
    عضو نشيط
    تاريخ التسجيل
    Jan 2008
    المشاركات
    108

    طرق و اساليب للاختصار في جافا السكربت



    السلام عليكم ورحمة الله وبركاته ...
    هناك بعض الصيغ في جافا سكربت و التي يستخدمها مطوري الويب في صفحاتهم بشكل متكرر و كثير مثل خصائص properties و اساليب Method الكائن docoument :
    مثلا
    document.getElementById
    تسخدم بشكل كبير في برامج الجافا سكربت بشكل كبير ,تحتوي نسبيا على عدد طويل من حروف و ايضا تحتوي على Upper Case أي حروف انجليزيه (capital) , لذلك بتكرار كتابتها تخلق نوع من ملل الغير المحبذ خاصه عند كتابة برامج جافا سكربت تحتوي على مئات بل احيانا الاف من اسطر ... لهذه السبب قمت بكتابة بعض الدوال البسيطه اردت مشاركتها معكم و منقشتها... والتي هي لها فائدتها كبيره جدا مثلا
    كود PHP:
    function getid(id)
    {
    return 
    document.getElementById(id);

    فهذه الداله تقوم بإرجاع العنصر أو Element المطلوب , مثال على استخدامها
    كود PHP:
    <script>
    function 
    getid(id)
    {
    return 
    document.getElementById(id);
    }  
    </script>
    <input type="button" value=" HelloWorld" onclick="alert(getid('myButton').value)" id="myButton"> 
    بدلا من كتابة
    كود PHP:
    <input type="button" value=" HelloWorld" onclick="alert(document.getElementById('myButton').value)" id="myButton"
    يقوم المثال البسيط بإظهار مربع alert يحتوي قيمة الزر الذي تم ضغط عليه , لاحظ الفرق في طول امر الحدث onclick دون استخدام الفنكشن getid.


    أرجو ان اكون قد وفقت في إيصال الفكره من هذه الدرس ..
    وسلام عليكم





    التعديل الأخير تم بواسطة احمد شكر ; 18-09-2008 الساعة 08:23 AM




  2. جميل يا أحمد - شكرا على الدرس
    و أهم مايميز الوظيفه function التى كتبتها ال Chaining بمعنى انها تقوم بإرجاع كائن HTMLElement يمكنك إستخدام خصائصه كما يوضح الكود التالى
    كود PHP:
    getid("myId").style.color="#000";
    // او
    getid("anotherId").focus();
    // او
    getid("newId").appendChild(getid("myId")) 
    أشهر مكتبه تستخدم طريقه ال Chaining هى jQuery - إذا كنت تريد تطبيقها فإجعل كل الوظائف ترجع الكائن Object الذى تنبثق منه هذه الوظيفه





    __________________
    Keepondev | مدونه شديد التخصص فى الجافاسكربت
    جافاسكربت الموجهه بالكائنات | أنماط تصميم جافاسكربت

  3. #3
    عضو نشيط
    تاريخ التسجيل
    Jan 2008
    المشاركات
    108


    أهم مايميز الوظيفه function التى كتبتها ال Chaining بمعنى انها تقوم بإرجاع كائن HTMLElement يمكنك إستخدام خصائصه
    بلفعل تماما , هذه ما اقصده ...ال Chaining كما وضحت في امثله التي ذكرتها

    وشكرا لمرورك اخ مصطفى (اعرف اسمك من مدونتك لاني متابع لها )










ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •  

أضف موقعك هنا| اخبار السيارات | حراج | شقق للايجار في الكويت | بيوت للبيع في الكويت | دليل الكويت العقاري | مقروء | شركة كشف تسربات المياه | شركة عزل اسطح بالرياض | عزل فوم بالرياض| عزل اسطح بالرياض | كشف تسربات المياة بالرياض | شركة عزل اسطح بالرياض