login  Naam:   Wachtwoord: 
Registreer je!
 Forum

een gif laden tijdens laden functie

Offline JLT - 20/01/2010 16:59
Avatar van JLTPHP interesse Ik gebruik de volgende functie, maar heb gemerkt dat het soms wat langer duurt. Daarom wil ik een afbeelding (gif) laden tijdens het laden van de functie.

Ik heb al driftig gezocht via Google en heb ook al aardig wat scripts en functies geprobeerd. Toch krijg ik het niet aan de praat.

Heeft iemand suggesties wat ik het best te doen.

Thanks!!

javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. var xmlhttp
  2.  
  3.  
  4. function showHint(postcode,nummer)
  5. {
  6.  
  7.  
  8.  
  9. if (postcode.length==0)
  10.   {
  11.   document.getElementById("txtHint").innerHTML="";
  12.   return;
  13.   }
  14. xmlhttp=GetXmlHttpObject();
  15. if (xmlhttp==null)
  16.   {
  17.   alert ("Your browser does not support XMLHTTP!");
  18.   return;
  19.   }
  20. var url="../include/adres_ophalen.php";
  21. url=url+"?q="+postcode+"&n="+nummer;
  22. url=url+"&sid="+Math.random();
  23.  
  24. xmlhttp.onreadystatechange=stateChanged;
  25. xmlhttp.open("GET",url,true);
  26. xmlhttp.send(null);
  27.  
  28.  
  29. }
  30.  
  31. function stateChanged()
  32. {
  33. if (xmlhttp.readyState==4)
  34.   {
  35.   document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
  36.   }
  37. }
  38.  
  39. function GetXmlHttpObject()
  40. {
  41.  
  42. if (window.XMLHttpRequest)
  43.   {
  44.   // code for IE7+, Firefox, Chrome, Opera, Safari
  45.   return new XMLHttpRequest();
  46.   }
  47. if (window.ActiveXObject)
  48.   {
  49.   // code for IE6, IE5
  50.   return new ActiveXObject("Microsoft.XMLHTTP");
  51.   }
  52. return null;
  53.  
  54. }

2 antwoorden

Gesponsorde links
Offline vinTage - 20/01/2010 17:45
Avatar van vinTage Nieuw lid Zet je gifje in een div die je op display:none zet met css.
In showhint zet je de div waarin je gifje staat op display block, en waneer de return niet leeg is zet je de div weer op display none.
Offline JLT - 21/01/2010 11:56 (laatste wijziging 22/01/2010 13:10)
Avatar van JLT PHP interesse - update -

Ik heb het volgende in m'n javascript staan en dat werkt perfect, alleen verdwijnt die melding niet. Hoe zorg ik ervoor dat de melding weer verdwijnt nadat het resultaat op m'n scherm staat?

javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. var xmlhttp
  2.  
  3. function showHint(postcode,nummer)
  4. {
  5.  
  6. document.getElementById("loading").className = "loading-visible";
  7. var hideDiv = function(){document.getElementById("loading").className = "loading-invisible";};
  8. var oldLoad = window.onload;
  9. var newLoad = oldLoad ? function(){hideDiv.call(this);oldLoad.call(this);} : hideDiv;
  10. window.onload = newLoad;
  11.  
  12.  
  13. if (postcode.length==0)
  14.   {
  15.   document.getElementById("txtHint").innerHTML="";
  16.   return;
  17.   }
  18. xmlhttp=GetXmlHttpObject();
  19. if (xmlhttp==null)
  20.   {
  21.   alert ("Your browser does not support XMLHTTP!");
  22.   return;
  23.   }
  24.  
  25. var url="../include/adres_ophalen.php";
  26. url=url+"?q="+postcode+"&n="+nummer;
  27. url=url+"&sid="+Math.random();
  28.  
  29. xmlhttp.onreadystatechange=stateChanged;
  30. xmlhttp.open("GET",url,true);
  31. xmlhttp.send(null);
  32.  
  33. }
  34.  
  35. function stateChanged()
  36. {
  37. if (xmlhttp.readyState==4)
  38.   {
  39.   document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
  40.   }
  41. }
  42.  
  43. function GetXmlHttpObject()
  44. {
  45.  
  46. if (window.XMLHttpRequest)
  47.   {
  48.   // code for IE7+, Firefox, Chrome, Opera, Safari
  49.   return new XMLHttpRequest();
  50.   }
  51. if (window.ActiveXObject)
  52.   {
  53.   // code for IE6, IE5
  54.   return new ActiveXObject("Microsoft.XMLHTTP");
  55.   }
  56. return null;
  57.  
  58. }
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.2s