عمل صورة جار التحميل في كود اجاكس

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

هل هذا الكود جاهز؟

وفي هال كان جاهز، كيف أستخدمه لـ form؟ هل من مثال؟

mazenwrq كتب:

وفي هال كان جاهز، كيف أستخدمه لـ form؟ هل من مثال؟

الأخ الكريم،

تستخدمه لـ form من أجل ماذا مثلاً؟

لأن الاستفسار مبهم بعض الشئ ..

Xacker كتب:

الأخ الكريم،

تستخدمه لـ form من أجل ماذا مثلاً؟

لأن الاستفسار مبهم بعض الشئ ..

شكراً لك في البداية.

أي شيئ المهم فهم طريقة عمله وتطبيقه على الصفحات، فالنقل التأكد من وجود اسم مستحدم في قاعدة بيانات مثلاً.

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

سؤالي ليس تشغيل الكود بالعمل فالكود يعمل مع بشكل سليم

في انتظار الرد

هنا :

function stateChanged() 
{ 
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
 { 
 document.getElementById("txtHint").innerHTML=xmlHttp.responseText 
 } 
}

تقوم بعمل شرط غير ذلك أظهر صورة تحميل أو كلمة الرجاء الإنتظار كما يلي :

function stateChanged()
{
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
 {
 document.getElementById("txtHint").innerHTML=xmlHttp.responseText
 }else{
   //please wait ... loading...
 }
}

السلام عليكم

شكرا لك أخي الغالي

+

في أي ملف أضع الكود ممكن شرح مبسط لكيفية وضعه.

أرجوك لقد أعجبني التطوير و أريد وضعه في منتداي التجريبي

الموضوع سهل جدا اليك الكود

var xmlHttp

function showUser(str)
{ 
xmlHttp=GetXmlHttpObject()
if (xmlHttp==null)
 {
 alert ("Browser does not support HTTP Request")
 return
 }
//////////////////////////////////////////////////////////////////////////////////
document.getElementById("txtHint").innerHTML="<img src=\"http://www.nbg.co.uk/images/ajax-loader_dealer.gif\" alt=\"الرجاء الإنتظار\" />";
///////////////////////////////////////////////////////////////////////////////////
var url="get_vehicles.php"
url=url+"?q="+str
url=url+"&sid="+Math.random()
xmlHttp.onreadystatechange=stateChanged 
xmlHttp.open("GET",url,true)
xmlHttp.send(null)
}

function stateChanged() 
{ 
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
 { 
 document.getElementById("txtHint").innerHTML=xmlHttp.responseText 
 } 
}

function GetXmlHttpObject()
{
var xmlHttp=null;
try
 {
 // Firefox, Opera 8.0+, Safari
 xmlHttp=new XMLHttpRequest();
 }
catch (e)
 {
 //Internet Explorer
 try
  {
  xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
  }
 catch (e)
  {
  xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
 }
return xmlHttp;
}

بالطبع غير مسار الصورة لصورة موجودة في موقعك

في أي ملف أضع الكود أو بماذا أسمي الملف