ایجاد یک صفحه آژاکس با چند منطقه فعال

[mamylo]

سلام دوستان.
من یه صفحه طراحی کردم که توش چند قسمت فعال هست، ینی زمان لودینگ صفحه به طور پیشفرض تو چند منطقه ش یه اطلاعاتی بار میشه.
وقتی این صفحه رو تو لوکال باز می کنم همه چی حله و مشکلی نیست، ولی وقتی تو وب باز میشه تمام منطقه ها رو لودینگ می مونه و فقط اطلاعات اولین منطقه تو آخرین منطقه لود میشه!
می خواستم بدونم چه کاری باید انجام بدم. می دونم باید از یه متد استفاده کنم، ولی نمی دونم اون چیه.

 

[mamylo]

جواب اینو خودم پیدا کردم که توی یکی از سایتای انگلیسی بود که بعد از یه کم دستکاری تونستم راش بندازم
باید از کد زیر استفاده کرد:

function loadModules(url, id)
{
 var xmlHttp;
 try
 {
 // Firefox, Opera 8.0+, Safari
 xmlHttp=new XMLHttpRequest();
 }
 catch (e)
 {
  // Internet Explorer
  try
  {
  xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
  }
  
  catch (e)
  {
   try
   {
   xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
   }
   catch (e)
   {
   alert("Your browser does not support AJAX!");
   return false;
   }
  }
 }
 
 xmlHttp.onreadystatechange=function()
 {
  if(xmlHttp.readyState==4)
  {
  document.getElementById(""+id+"").innerHTML = xmlHttp.responseText;
  }
 }
 xmlHttp.open("GET",url,true);
 xmlHttp.send(null);
}