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

الموضوع: سلسة دروس اجاكس

  1. #1
    عضو جديد
    تاريخ التسجيل
    Aug 2008
    المشاركات
    25

    سلسة دروس اجاكس



    بسم الله الرحمن الرحيم

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

    هذه الدروس هي ما يقوم الاخ ArbTool.Com بتعليمي وعرفانا مني لجميله وضعتها هنا لكل يدعو لي وله كل من استفاد من هذه الدروس

    مايلزمنا في الدروس:deal::
    1- سيرفر اباتشي
    2-نوت باد
    3 -عزيمة على المواصلة

    خلصو:app:


    الدرس الاول :
    نشئ مجلد لهذه الدورة
    ولكل درس مجلد

    الدرس:1power::
    ننشئ ملف للاندكس
    يحتوي على:





    طبعا هنا الموضوع:con2: شارح نفسه بنفسه ننتقل للخطوات التالية:1power:

    ورح نحط هذا الفنكش بالهيد


    كود PHP:
    ,<script>function createxmlhRequest()
    {
        var 
    req;
        if(
    window.XMLHttpRequest)
        {
            
    req = new XMLHttpRequest();
        }
        else if(
    window.ActiveXObject)
        {
            
    req = new ActiveXObject("Microsoft.XMLHTTP");
        }
        else
        {
            
    alert('Error Browser ..');
        }
        return 
    req;
    }
    function 
    Send_Request_Call_Ajax_Now(div_ajax_name,Ajax_values,php_file_name)
    {
        var 
    httpCallAjaxNow createxmlhRequest();
        var 
    ajaxsearch document.getElementById(div_ajax_name) ;

        
    ajaxsearch.innerHTML "<br>جاري طلب البيانات<br>" ;
        
        
    httpCallAjaxNow.open('post',php_file_name);
        
    httpCallAjaxNow.setRequestHeader('Content-Type''application/x-www-form-urlencoded');
        
    httpCallAjaxNow.setRequestHeader("Content-length"Ajax_values.length);
        
    httpCallAjaxNow.setRequestHeader("Connection""close");
        
    httpCallAjaxNow.onreadystatechange = function ()
                                             {
                                                 if (
    httpCallAjaxNow.readyState == 4)
                                                 {
                                                     if (
    httpCallAjaxNow.status == 200)
                                                     {
                                                         var 
    response httpCallAjaxNow.responseText;
                                                         if(
    response)
                                                         {
                                                             
    ajaxsearch.innerHTML response ;
                                                         }
                                                     }
                                                 }
                                             }
                                             
    httpCallAjaxNow.send(Ajax_values);
    }
    </script> 

    الفكشن هذا عمل الاستاذ عرب تول ووظيفته انه يقوم بالاستعلام وجلب البيانات من دون ترك الصفحة

    شرحه ليس بذي قيمة جوهرية لان الهدف ايضاح مبدأ العمل الان
    الان ناتي للمهم:app::court:
    يتبع... العشاء







  2. #2
    عضو جديد
    تاريخ التسجيل
    Aug 2008
    المشاركات
    25

    Angry ضحكو علينا مافي عشاء نتابع



    والان يسأل سأل (((امووت واعرفه:anger1))
    نعدل الكود الكود الزر:
    كود PHP:
    <input type="button" value="اطلب البيانات" name="getdata" id="getdata" 
        
    onclick="Send_Request_Call_Ajax_Now('results','msg=1','getmsg.php');"

    الشرح:
    onclick امر جافا سكربت بالتنفيذ عند النقر
    Send_Request_Call_Ajax_Now('results','msg=1','getmsg.php'); فنكشن ارب تول وتفصيله



    قيمة 'results'
    اي دي div للنتيجة
    كود PHP:
    <div id='results'>...</div
    والامر واضح

    msg متغيير نقوم بانشاءه في صفحة المعالجة (((زي قيمة البوست))


    'getmsg.php' قيمة توضح صفحة المعالجة:con2:وين صفحة المعالجة هذا ما ستعرفونه بالمشاركة التالية لان التلفون يرن((مقطع كبودكم)):funny:





    التعديل الأخير تم بواسطة mr.smith ; 08-09-2008 الساعة 03:02 AM

  3. #3
    عضو جديد
    تاريخ التسجيل
    Aug 2008
    المشاركات
    25

    Unhappy للاسف الرقم غلط



    :nice::sالمهم

    كود الصفحة الاولى النهائي
    كود PHP:
    <?php

    /**
     * @author arbtool
     *@galaxy-master.net
     * @copyright 2008
     */

    ?>
    <html dir="rtl">

    <head>
    <script>
    function createxmlhRequest()
    {
        var req;
        if(window.XMLHttpRequest)
        {
            req = new XMLHttpRequest();
        }
        else if(window.ActiveXObject)
        {
            req = new ActiveXObject("Microsoft.XMLHTTP");
        }
        else
        {
            alert('Error Browser ..');
        }
        return req;
    }
    function Send_Request_Call_Ajax_Now(div_ajax_name,Ajax_values,php_file_name)
    {
        var httpCallAjaxNow = createxmlhRequest();
        var ajaxsearch = document.getElementById(div_ajax_name) ;

        ajaxsearch.innerHTML = "<br>جاري طلب البيانات<br>" ;
        
        httpCallAjaxNow.open('post',php_file_name);
        httpCallAjaxNow.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
        httpCallAjaxNow.setRequestHeader("Content-length", Ajax_values.length);
        httpCallAjaxNow.setRequestHeader("Connection", "close");
        httpCallAjaxNow.onreadystatechange = function ()
                                             {
                                                 if (httpCallAjaxNow.readyState == 4)
                                                 {
                                                     if (httpCallAjaxNow.status == 200)
                                                     {
                                                         var response = httpCallAjaxNow.responseText;
                                                         if(response)
                                                         {
                                                             ajaxsearch.innerHTML = response ;
                                                         }
                                                     }
                                                 }
                                             }
                                             httpCallAjaxNow.send(Ajax_values);
    }
    </script>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>درس الاجاكس</title>
    </head>

    <body>

        <!-- الحدث المستخدم لطلب البيانات -->
        <input type="button" value="اطلب البيانات" name="getdata" id="getdata" 
        onclick="Send_Request_Call_Ajax_Now('results','msg=1','getmsg.php');">
        
        <!-- هنا سيتم  وضع النتائج المستقبلة -->
        <div id='results'>...</div>

    </body>

    </html>

    تأكد وأي سؤال انا حاضر




    :court::court:

    طيب صفحة المعالجة


    كود PHP:
    <?php

    /**
     * @author arbtool
     * @copyright 2008
     */

    echo 'رقم الرسالة : ' $_POST['msg'] ;

    ?>

    الكود هاد مثال شوف عاد انت تفنن في التغيير حط صفحة معالجة رياضية
    امنية او طلب لقواعد البيانات وكله بكبسة رز ((كله مقصووود:court)

    بالمرفقات كوود الصفحتين الاصلي لمن اراد





    الملفات المرفقة الملفات المرفقة

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


    ما شاء الله شكراً لك على هذا المجهود الطيب ،،،





    __________________
    اللهم اغفر لي الذنوب التي تهتك العصم
    اللهم اغفر لي الذنوب التي تنزل النقم
    اللهم اغفر لي الذنوب التي تغير النعم
    اللهم اغفر لي الذنوب التي تحبس الدعاء
    اللهم اغفر لي الذنوب التي تنزل البلاء .

  5. #5


    ما شاء الله

    وين هالدروس الجميلة

    برجاء التركيز في هذه الدروس لان الاجاكس جميل جدا

    وانا ابحث عن تعليم عربي له





    __________________
    إِنْ لَمْ تُحْسِنْ ظنَّكَ بِهِ لِأَجْلِ وَصْفِهْ فَحَسِّنْ
    ظَنَّكَ بِهِ لِأَجْلِ مُعَامَلَتِهِ مَعَكْ فَهَلْ عَوَّدَكَ إِلَّا حَسَنًا؟
    وَهَلْ أَسْدَى إِلَيْكَ إِلَّا مِنَنًا؟



  6. الله يعطيك العافيه خيو ^_^





    __________________
    سبحان الله وبحمده
    > "كتبي، لعلها تفيدك!" *جديد
    > "مدونتي، تصويري.." | LaZqA
    > Twitter





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

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

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