Script ajax yükleniyor gif ekleme

2 Cevap php

Teşekkürler seyir için, ben kullanıcıların önceki cevaba bağlı olarak doldurulan kutuları aşağı damla bir dizi, güncellemeleri altında komut dosyası var. Veri SQL tabloları geliyor. Ben veri yüklenirken aşağı her damlasını bir Ajax yükleme gif ekleme nasıl merak ediyordum. Ben sormak lütfen değilse bu, mantıklı umuyoruz.

<script language="javascript">
var xmlhttp

function selectmanu()
{

xmlhttp=GetXmlHttpObject();
if (xmlhttp==null)
  {
  alert ("Your browser does not support XMLHTTP!");
  return;
  }
 document.form1.mtype.style.background = "#FFFFFF"
 var id=document.form1.mtype.value;


var url="selectmanu.php";
url=url+"?id="+id;
/*url=url+"&sid="+Math.random();*/
xmlhttp.onreadystatechange=stateChanged;
xmlhttp.open("GET",url,true);
xmlhttp.send(null);
}

function stateChanged()
{

if (xmlhttp.readyState==4)
  {
  document.getElementById("abc").innerHTML=xmlhttp.responseText;
  }
}

function GetXmlHttpObject()
{
if (window.XMLHttpRequest)
  {
  // code for IE7+, Firefox, Chrome, Opera, Safari
  return new XMLHttpRequest();
  }
if (window.ActiveXObject)
  {
  // code for IE6, IE5
  return new ActiveXObject("Microsoft.XMLHTTP");
  }
return null;
}


function selectmodel()
{
xmlhttp=GetXmlHttpObject();
if (xmlhttp==null)
  {
  alert ("Your browser does not support XMLHTTP!");
  return;
  }
  document.form1.manu.style.background = "#FFFFFF"
 var id=document.form1.manu.value;
var url="selectmodel.php";
url=url+"?id="+id;
xmlhttp.onreadystatechange=stateChanged1;
xmlhttp.open("GET",url,true);
xmlhttp.send(null);
}

function stateChanged1()
{

if (xmlhttp.readyState==4)
  {
  document.getElementById("modspan").innerHTML=xmlhttp.responseText;
  }
}

function validate()
{

if(document.form1.mtype.value=='0')
{
document.form1.mtype.style.background = "#FF0000"
return false;
}
else if(document.form1.manu.value=='0')
{
document.form1.manu.style.background = "#FF0000"
return false;
}
else if(document.form1.model.value=='0')
{
document.form1.model.style.background = "#FF0000"
return false;
}
return true;
}
function mset()
{
if(document.form1.model.value!='0')
{
document.form1.model.style.background = "#FFFFFF"
}

}

</script>

Cheers, B.

2 Cevap

Bunun yerine görüntülerin, sen "seçmek" ve bir yükleme mesajı ile tek bir "seçenek" put devre dışı bırakabilir. Sen XHR çağrısından önce bunu.

<select disabled="">
  <option>Loading...</option>
</select>

Verilerinizi olsun, gerçek olanlarla bu "seçeneği" yerine, ve nitelik "özürlü" kaldırın.

Görme o ok, ve kullanıcıların tahmin şey yok.

Ben select seçenekleri görüntüleri var düşünüyorum, ama ben de emin değilim. Bu konuda bana teklif etmeyin.

Bununla birlikte, sadece seçenekleri için veritabanı sorgulama iken bir yükleme görüntü ile bir sonraki select elemanı yerine bir onChange JavaScript işlevi olan bir olgu olmalıdır. Seçenekler AJAX tarafından alındıktan sonra, bir seçim alanı ile yükleme görüntüyü değiştirmek, ve döngü AJAX yanıt yoluyla ve veritabanından alınan her bir seçenek için bir option etiketi ekleyebilirsiniz.

Yukarıda belirtildiği gibi, jQuery gibi kütüphaneleri bu gibi yazma fonksiyonları kolaylaştırmak, ama bunun için sıfırdan JavaScript yazma iyi bir bilgiye ihtiyacım var.

etiketler