Zizwar -- سأتعلم منك الاجاكس لكن باسلوبي

**بوابة مصر** · 09-06-2007

السلام عليكم ...
-------------------

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

و لهذا :nice:

سأقوم بكتابة اكواد عادية معروفة للجميع بالphp و تتفضل انت مشكورا بتحويل الناتج للاجاكس كما يتطلب البرنامج ...و رح اتعبك بالزاف

(احب اللهجه المغربيه بقوة) و تتفضل بشرح ماذا تم في الكود و ما الذي تم اضافته و تعديله

ارجو الا ازعجك كثيرا بأسألتي

البداية

----------------------------------------------------------

عملت نموذج مصغر للتسجيل كالتالي

كود PHP:


<html>



<head>

  <title>التسجيل</title>

</head>



<body>



<?php

echo "<p align='center'><font face='Tahoma' size='2'>التسجيل</font> </p>

<div align='center'>

<form method ='post' action='register.php'>

<table border='1' width='788' id='table1' cellspacing='3' cellpadding='4' bordercolorlight='#E6E4AE' bordercolordark='#808080' dir='rtl'>

    <tr>

        <td width='241' align='center' bgcolor='#E6E4AE'>

        <p align='center'><font face='Tahoma'>الإسم</font></td>

        <td width='516' bgcolor='#E6E4AE'>

        <p align='center'><input type = 'test' name='name' size='60'></td>

    </tr>

    <tr>

        <td width='241' align='center'>

        <p align='center'><font face='Tahoma'>كلمة السر</font></td>

        <td width='516'>

        <p align='center'><input type = 'password' name='password' size='60'></td>

    </tr>

    <tr>

        <td width='241' align='center' bgcolor='#008080'>

        <p align='center'><font color='#FFFFFF' face='Tahoma'>الإيميل</font></td>

        <td width='516' bgcolor='#008080'>

        <p align='center'><input type = 'test' name='email' size='60'></td>

    </tr>

    <tr>

        <td width='241' align='center'><font face='Tahoma'>العنوان</font></td>

        <td width='516'>

        <p align='center'><input type = 'test' name='adress' size='60'></td>

    </tr>

    <tr>

        <td width='241' align='center' bgcolor='#E6E4AE'><font face='Tahoma'>

        السن</font></td>

        <td width='516' bgcolor='#E6E4AE'>

        <p align='center'><input type = 'test' name='age' size='60'></td><br>



    </tr></table>

            <p align='center'><input type = 'reset' value='مسح البيانات'><input type = 'submit' value='تسجيل' >



    </form>

</div>";



?>



</body>



</html>

و هذا كود النتيجة

كود PHP:


<?php

require_once ("config.php");

$qu = "insert into loli (name,password,email,adress,age) value ('$name','$password','$email','$adress','$age')";

$s = mysql_query ($qu) or die ($con);

echo " شكرا لك تم التسجيل بنجاح ";

?>

السؤال يا جميل

عايز النتيجة بدل ما تطلع في صفحة لوحدها

لأ تجيني رساله الانتظار و تفتح بنفس الصفحة بتنقنية الاجاكس الجميله

-----------------

انتظرك يا قمر

محمد

**fnan4arab** · 10-06-2007

بصراحة، بالظبط الطريقة اللي أبحث عنها، وجدت شروح للأجاكس والبي اتش بي
لكن الشرح كان عبارة عن : صع هذا الكود وضع هذا، والشيء الوحيد من عندي أني أضع الوصلة

وانا احب اني أفهم كل سطر مر أمامي

في إنتظار Zizwar مشكورا

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

**بوابة مصر** · 10-06-2007

شرفت الموضوع اخي فنان فور اراب

و بقينا اتنين يا Ziawar

ننتظرك على احر من الجمر

**prof.Bruce** · 10-06-2007

جرب هذا

كود PHP:


 <html> 
<head> 
  <title>التسجيل</title> 
</head> 
<body> 
echo"<p align='center'><font face='Tahoma' size='2'>التسجيل</font> </p> 
<div id='myclass'></div>
<div align='center'> 
<form method ='post' action='register.php'> 
<table border='1' width='788' id='table1' cellspacing='3' cellpadding='4' bordercolorlight='#E6E4AE' bordercolordark='#808080' dir='rtl'> 
    <tr> 
        <td width='241' align='center' bgcolor='#E6E4AE'> 
        <p align='center'><font face='Tahoma'>الإسم</font></td> 
        <td width='516' bgcolor='#E6E4AE'> 
        <p align='center'><input type = 'test' name='name' size='60'></td> 
    </tr> 
    <tr> 
        <td width='241' align='center'> 
        <p align='center'><font face='Tahoma'>كلمة السر</font></td> 
        <td width='516'> 
        <p align='center'><input type = 'password' name='password' size='60'></td> 
    </tr> 
    <tr> 
        <td width='241' align='center' bgcolor='#008080'> 
        <p align='center'><font color='#FFFFFF' face='Tahoma'>الإيميل</font></td> 
        <td width='516' bgcolor='#008080'> 
        <p align='center'><input type = 'test' name='email' size='60'></td> 
    </tr> 
    <tr> 
        <td width='241' align='center'><font face='Tahoma'>العنوان</font></td> 
        <td width='516'> 
        <p align='center'><input type = 'test' name='adress' size='60'></td> 
    </tr> 
    <tr> 
        <td width='241' align='center' bgcolor='#E6E4AE'><font face='Tahoma'> 
        السن</font></td> 
        <td width='516' bgcolor='#E6E4AE'> 
        <p align='center'><input type = 'test' name='age' size='60'></td><br> 
    </tr></table> 
            <p align='center'><input type = 'reset' value='مسح البيانات'><input class="alloption" name="preview" type="button" value="تسجيل" onclick="getInfo(document.getElementById('name').value)" /> 
    </form> 
</div>";

</body> 
</html>

وارفع ملف
main.js
ولاتنسي تضمين ملف main.js

**بوابة مصر** · 10-06-2007

عزيزي prof.Bruce

هذا ما ظهر لي عند رفع الملف و تضمينه

كود:

 Bruce function createRequestObject() { var req; if(window.XMLHttpRequest){ req = new XMLHttpRequest(); } else if(window.ActiveXObject) { req = new ActiveXObject("Microsoft.XMLHTTP"); } else { alert('حصل خطأ في طلب الصفحة...الرجاء المحاولة مرة أخرى وإذا لم تنفع جرب أن تنزل نسخة جديدة من المتصفح'); } return req; } var http = createRequestObject(); function createRequestObject(){ var request_; var browser = navigator.appName; if(browser == "Microsoft Internet Explorer"){ request_ = new ActiveXObject("Microsoft.XMLHTTP"); } else{ request_ = new XMLHttpRequest(); } return request_; } function getInfo(name){ http.open('POST', 'register.php'); http.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); http.onreadystatechange = handleInfo; http.send('name='+bame); } function handleInfo(){ if(http.readyState == 1){ document.getElementById('myclass').innerHTML = 'LOADing....'; } if(http.readyState == 4){ var response = http.responseText; document.getElementById('myclass').innerHTML = response; } }

و اشكر لك جدا مساعدتك و لكن ليس هذا هدف السؤال القص و اللصق

لو تفضلت علينا بشرح ماذا تم و ما الذي تم اضافته بالشرح

حتى نستطيع تطبيق الطريقة و لا نتقيد بهذا الكود

و اشكر شكرا جزيلا

**بوابة مصر** · 10-06-2007

عزيزي كان هذا خطأ في تضمين الملف

و قمت باصلاحه

و لكن الجديد انه حين تضغط على زر التسجيل لا يحدث اي شئ بالمرة

انتظرك

**بوابة مصر** · 11-06-2007

وينكم شباب

**بوابة مصر** · 18-06-2007

اظاهر اسلوبي ما عجبكش يا زيزوار

شكرا لك

**Zizwar** · 18-06-2007

السلام عليكم و الله أخدتني المشاغل
بخصوص شرح كائن الأجاكس سطرا بسطر تجده هنا
http://www.swalif.net/softs/swalif3/softs128283
وهنا موضوع به عدة أمثلة بالأجاكس، سواء ب post او get
http://www.swalif.net/softs/swalif44/softs177616
وهنا أمثلة
http://www.swalif.net/softs/swalif-1371591-7.html
http://www.swalif.net/softs/swalif44/softs186458/

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

**بوابة مصر** · 19-06-2007

اشكرك جدا عزيزي و العتب على قدر الغلا

الموضوع: Zizwar -- سأتعلم منك الاجاكس لكن باسلوبي

أدوات الموضوع

بحث في الموضوع

Zizwar -- سأتعلم منك الاجاكس لكن باسلوبي

المواضيع المتشابهه

طلب من الاخ Zizwar

Zizwar مطلوب لا هنت

Zizwar اسال عن الفنكشن حقتك الخاصه عن الاجاكس

استخدم الاجاكس بثلاثة خطوات فقط (اسهل الطرق للتعامل مع الاجاكس)

اين انت Zizwar

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