JavaScript Forum

**Dillon** · 04:31 PM

Hello again, I put in some ajax code, and am calling two different functions when a div is clicked. What it is supposed to do is replace two different divs content on the page. For example, when the button is clicked, it will change a div on the left to display "Left text", and the div on the right to display "right text". When I click the button, it just executes one of the functions into both divs, and displays "right text" into both of the div's.. Does anyone know what I am doing wrong? I hope this is enough information.. Thanks for any help!

Here's my code:

HTML Code:

<div id="div1" onclick="viewUpdates(); UpdatesTools();">Updates</div>

PHP Code:


			
function viewUpdates()
{
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("other").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","page.php",true);
xmlhttp.send();
}

function UpdatesTools()
{
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("rightbodytools").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","page2.php",true);
xmlhttp.send();
}

-Dillon

**chrishirst** · 07-02-2010, 04:43 PM

http://www.webmaster-talk.com/javasc...tml#post990137

**Dillon** · 07-02-2010, 05:02 PM

Oh ok, where do I put that code?

Thanks,
-Dillon

**chrishirst** · 07-02-2010, 05:14 PM

You use that code to replace the usual instantiation of the xml object.

**Dillon** · 07-02-2010, 06:57 PM

Hello, I dont really understand... How could I integrate that code into this?

PHP Code:


			
function viewUpdates()
{
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("other").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","page.php",true);
xmlhttp.send();
}

function UpdatesTools()
{
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("rightbodytools").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","page2.php",true);
xmlhttp.send();
}

Thanks,
-Dillon

**chrishirst** · 07-03-2010, 12:32 PM

Instead of having this code

Code:

if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("other").innerHTML=xmlhttp.responseText;
    }
  }

duplicated several times, you simply call setRequestObject(), then set the parameters for l_oRequest