login  Naam:   Wachtwoord: 
Registreer je!
 Forum

ophalen inhoud van divs bij laden index pagina

Offline edw - 05/07/2009 12:28
Avatar van edwNieuw lid hallo, hoe kan ik tijdens het laden van de index pagina ervoor zorgen dat mijn hoofd-divs gevuld worden met de code van andere html-bestanden. kwestie van de index pagina te verlichten en alles makkelijker bewerkbaar te houden. Het laden zou moeten gebeuren zonder steeds een gehele reload van de index pagina. Kan dit met AJAX?
mvg,eric

2 antwoorden

Gesponsorde links
Offline valles10 - 05/07/2009 12:33
Avatar van valles10 HTML interesse heb gisteren hier zelfde vraag gesteld en denk dat ik op goede weg ben: http://www.site...ipt_update kijk hier eens ;) grtz
Offline edw - 06/07/2009 12:09 (laatste wijziging 06/07/2009 12:25)
Avatar van edw Nieuw lid deze code zou het moeten doen, maar lukt niet. krijg enkel een error iplv inhoud in de div. iemand?

  1. <script type="text/javascript">
  2. <!--
  3. /********************************************************************************************/
  4. /* AHAH functions by Phil Ballard */
  5. /* This code is intended for study purposes. */
  6. /* You may use these functions as you wish, for commercial or non-commercial applications, */
  7. /* but please note that the author offers no guarantees to their usefulness, suitability or */
  8. /* correctness, and accepts no liability for any losses caused by their use. */
  9. /********************************************************************************************/
  10.  
  11. function callAHAH(url, pageElement, callMessage, errorMessage) {
  12. document.getElementById(pageElement).innerHTML = callMessage;
  13. try {
  14. req = new XMLHttpRequest(); /* e.g. Firefox */
  15. } catch(e) {
  16. try {
  17. req = new ActiveXObject("Msxml2.XMLHTTP"); /* some versions IE */
  18. } catch (e) {
  19. try {
  20. req = new ActiveXObject("Microsoft.XMLHTTP"); /* some versions IE */
  21. } catch (E) {
  22. req = false;
  23. }
  24. }
  25. }
  26. req.onreadystatechange = function() {responseAHAH(pageElement,
  27. errorMessage);};
  28. req.open("GET",url,true);
  29. req.send(null);
  30. }
  31.  
  32. function responseAHAH(pageElement, errorMessage) {
  33. var output = '';
  34. if(req.readyState == 4) {
  35. if(req.status == 200) {
  36. output = req.responseText;
  37. document.getElementById(pageElement).innerHTML = output;
  38. } else {
  39. document.getElementById(pageElement).innerHTML =
  40. errorMessage+"\n"+output;
  41. }
  42. }
  43. }
  44. function Load() {
  45. callAHAH('inhoud_banner.html','banner','<img src=wait.gif border=0>','Error:');
  46.  
  47. }
  48. -->
  49. </script>

de function load() wordt opgeroepen bij het laden van 'body'. 'inhoud_banner.html' is de externe html-code die moet worden ingevoegd in de div met de id:'banner'. zie uitleg op site: http://sweetdomains.net/category/ahah/

Koen schreef:
Code tags gebruiken aub
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.165s