ظهور النص بنفس الصفحة بدون تحديث

بدأه mr-abdullah6 في 5 يوليو 2011 · 6 رد · 812 مشاهدة · في منتدى تطوير المواقع بـ PHP

#15 يوليو 2011 في 14:40 صاحب الموضوع

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

<head>

</head>

<body>

</body>

</html>

الكود اعتقد واضح لحد كبير اشكركم مجددا

#26 يوليو 2011 في 01:08

اقرأ هذا المقال (مجزء على عدة أقسام)

http://www.w3schools.com/Ajax/ajax_example.asp

الأمر بسيط، كل ما عليك هو إرسال طلب وانتظار جواب 200 من المخدّم وعندها تقوم بتغيير النص الموجود في عنصر ما بالنص الذي قمت بإرساله.

Do as I say, not as I do

We are Anonymous. We are Legion. We don't forgive. We don't forget

#36 يوليو 2011 في 02:28

و عليكم السلام و رحمة الله وبركاته

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

أما بخصوص ما تريد فلا تحتاج إلى للجافا سكريبت فقط و الدالتين ()document.getElementById و innerHTML

مثال قمت بالتعديل على كودك:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>مثال إستعمال الإدي</title>

function t(){

var f=myform.text.value;

var x=document.getElementById('xtext');

x.innerHTML=f;

}

</script>

</head>

<body>

</body>

</html>

شرح الإضافات

var f=myform.text.value إسم الفورم ثم نقطة إسم صندوق النص ثم نقطة ثم القيمة الموجودة في صندوق النص ووضعناهم في متغير

('var x=document.getElementById('xtext بين القوسين نضع قيمة الإدي للمكان الذي تريد ظهور النتيجة فيه ونخزن في متغير ثاني

x.innerHTML=f وضع قيمة fفي x

<b id="xtext" style="background-color: blue;"></b> مكان ضهور النص لاحظ قيمة الإدي

و أخيرا أعتذر منك لإختصار الشرح و أتمنى يكون وصلك المفيد

وإن أصبت فمن الله و إن أخطأت فمن نفسي و من الشيطان و أعذوا بالله من الشيطان الرجيم

#46 يوليو 2011 في 10:36

اشكركم جمعا على الردود الرائعة

تكون معالجة البيانات في السيرفر وإعادتها لنفس الصفحة بدون تحديث

شكرا اخي Xacker على المجهود الرائع جزاك الله خير

شكرا اخي عبد القادر الحرثي على الشرح الاكثر من رائع جربت الكود اللي انت حاطه واشتغل ممتاز جدا%100

لكن هل استخدم الاجاكس لاني اباخذ المعلومات اعالجها في السيرفر ثم ترجع أم اني أضع عنوان الملف في action

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

وجزاك الله خير

#56 يوليو 2011 في 11:48

عبد القادر الحرثي كتب:
و عليكم السلام و رحمة الله وبركاته
يمكنك فعل ذالك بدون إستعمال الأجاكس إلا إذا كنت تريد إستعمال معلومات على السيرفر

الفكرة في استخدام Ajax هي أن تضمن أن البيانات وصلت للسيرفر حيث أنك تحصل على إجابة (HTTP Response code: 200) وهذا يعني أنها وصلت وتمت معالجتها، أما في حالة استخدام جافاسكربت مثلاً فأنت لا تدري إن تم إرسال البيانات كاملة من المتصفح بعد ومعالجة الطلب أم لا، فيقوم الزائر بإغلاق المتصفح قبل اكتمال الإرسال.

تحياتي

Do as I say, not as I do

We are Anonymous. We are Legion. We don't forgive. We don't forget

#66 يوليو 2011 في 12:41

بالنسبة لأخ Xacker أنا معك مئة في المائة الكود الذي وضعتوا للاخ ليس للإتصال بالسيرفر و لكن لأخذ المعلومات من عنصر html و وضعه في آخر بدون الرجوع لي السيرفر أو تحديث الصفحة و لو أردنا الإتصال بالسيرفر و جلب المعلومات أو إضافة معلومات دون تحديث الصفحة لازم نستعمل الأجكس

mr-abdullah لازم تستخدم الاجكس لأنك لو وضعت عنوان صفحة المعالجة في action رايح تتحدث الصفحة و نحنا لا نريد ذالك بالنسبة للمصادر رفعتلك كتابين واحد عربي و الثاني إنجليزي لو تعرف لغات

Ajax For Dummies إنجليزي

ajax عربي

#77 يوليو 2011 في 14:48

اشكركم جميعا على هذه الردود الرائعة شكرا اخي:

Xacker & عبد القادر الحرثي

مواضيع مشابهة

تحديث ينود قائمة بدون تحديث الصفحة2 رد · 22 يناير 2013
عرض الرسالة بدون تحديث الصفحة11 رد · 24 مايو 2005
منع ظهور مؤشر النص في مربع النص2 رد · 6 مايو 2006
عمل تحديث للصفحة1 رد · 16 مايو 2012
تنقل بين الصفحات بدون تحديث الصفحة ؟ افيدوني :)2 رد · 5 ديسمبر 2013
كيف يمكن برمجة صفحة بدون شريط العنوان2 رد · 30 نوفمبر 2006

ظهور النص بنفس الصفحة بدون تحديث

مواضيع مشابهة

عدد الزوار حالياً