Laden van pagina met AJAX in DIV (wat gaat er fout...)

Bespreek het ontwikkelen van webpagina's met javascriptontwikkelaars.
Forumregels
Lees onze Huisregels

Laden van pagina met AJAX in DIV (wat gaat er fout...)

BerichtDoor bobvanluijt op 25 Jul 2010 12:01

Hoi allen,

Ik werk in een HTTPS omgeving.

Ik heb deze DIV:
Code: Alles selecteren
...
<body onload="loadPage()">
<div class="orderOverviewContent" id="orderOverviewContent-nieuw">
<center><img src="orderGallery/orderGalleryImg/ajax-loader.gif" border="0" alt="laden..."></center>
</div>
...


En dit qua javascript
Code: Alles selecteren
function contentToBigDiv(css_id, sql_id){
   try {   
      xmlhttp = window.XMLHttpRequest?new XMLHttpRequest():new ActiveXObject("Microsoft.XMLHTTP");
   }
   catch(e) {
      alert ( 'Uw browser wordt niet ondersteund. Download Mozilla Firefox of Microsoft Internet Explorer' );
   }
   xmlhttp.onreadystatechange = showBigDiv;
   var css = css_id;
   var sql = sql_id;
   xmlhttp.open("GET", "orderGallery/handler.php?a=" + sql);
   xmlhttp.send(null);
}
function showBigDiv() {
      document.getElementById("orderOverviewContent-nieuw").innerHTML = xmlhttp.responseText;
}

function loadPage() {
   contentToBigDiv('nieuw', 'Nieuw');
}


Nu lukt mij alleen iets niet.

xmlhttp.onreadystatechange = showBigDiv; roept de "showBigDiv" functie aan maar ik wil er wat aan toevoegen.
xmlhttp.onreadystatechange = showBigDiv(css); alleen dat werkt niet, hoe kan ik toch iets toevoegen aan het aanroepen van deze functie?
bobvanluijt
Normaal lid
Normaal lid
 
Berichten: 371
Geregistreerd: 22 Nov 2005 01:00

Re: Laden van pagina met AJAX in DIV (wat gaat er fout...)

BerichtDoor touwtrekker op 25 Jul 2010 19:49

Code: Alles selecteren
xmlhttp.onreadystatechange = function(){
    showBigDiv(css);
}
Gebruikersavatar
touwtrekker
Hoofdmoderator
Hoofdmoderator
 
Berichten: 4908
Geregistreerd: 02 Dec 2004 12:55
Woonplaats: Merksplas België

Re: Laden van pagina met AJAX in DIV (wat gaat er fout...)

BerichtDoor bobvanluijt op 25 Jul 2010 19:55

Thanks, het werkt.

Maar ik snap het niet helemaal, geef ik door: function(){ te doen aan welke functie komt?
Sometimes I feel like a :n00b:
bobvanluijt
Normaal lid
Normaal lid
 
Berichten: 371
Geregistreerd: 22 Nov 2005 01:00

Re: Laden van pagina met AJAX in DIV (wat gaat er fout...)

BerichtDoor touwtrekker op 25 Jul 2010 20:44

hier koppel je de event aan een gekenden functie
Code: Alles selecteren
xmlhttp.onreadystatechange = showBigDiv;


en hier koppel je de event aan een nieuwe naamloze functie ... en in deze naamloze funtie roep je showBigDiv() aan
Code: Alles selecteren
xmlhttp.onreadystatechange = function(){
    showBigDiv(css);
}
Gebruikersavatar
touwtrekker
Hoofdmoderator
Hoofdmoderator
 
Berichten: 4908
Geregistreerd: 02 Dec 2004 12:55
Woonplaats: Merksplas België


Terugkeren naar JavaScript



Wie is er online?

Gebruikers in dit forum: Er zijn geen geregistreerde gebruikers en 2 gasten