IE 6/7 and AJAX troubles

[Bastien]

I have the following code that is part of the ajax call

  var data = "name="+name+"&email=" + email + "&details="+details;
//  var objAJAX1 = getAjaxObject();
  var objAJAX1 = getHTTPObject();
  if (objAJAX1 != null){

    objAJAX1.onreadystatechange = function(){
      if (objAJAX1.readystate == 4) {

        if (objAJAX1.status == 200) {

           strResponse = objAJAX1.responsetext;
           document.getElementById("emailform").innerHTML = strResponse;  //failure here
           objAJAX1 = null;
         }
      }
    }

    sendRequest(objAJAX1, "POST", "contact.php", true, data);

   }

I instantiate the object with this code

function getHTTPObject() {
  var xmlhttp;
  var browser   = navigator.appName;

  if (window.ActiveXObject)
    try {
      xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
      try {
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
      } catch (E) {
        xmlhttp = false;
      }
   }
  else
    xmlhttp = false;

  if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {
    try {
      xmlhttp = new XMLHttpRequest();
    } catch (e) {
      xmlhttp = false;
    }
  }
  return xmlhttp;
}

Works great in Opera, Firefox and Mozilla...Constantly blows up on IE on the line where i try to assign the results back to the div.

Any ideas as to what I am doing wrong?

TIA

Bastien

I wish my computer would do what I want it to do,
instead of what I tell it to do...

 

[BabyJeffy]

Try using the following capitalisation:

strResponse = objAJAX1.response[!]T[/!]ext;

Cheers,
Jeff

[tt]Jeff's Page @ Code Couch

http://www.codecouch.com/jeff/blog/

http://www.coedit.co.uk/

[/tt]

What is Javascript? FAQ216-6094

 

[Bastien]

No joy with that change.

Bastien

I wish my computer would do what I want it to do,
instead of what I tell it to do...

 

[Bastien]

After some more playing around, it seems that the code objects to the html being returned which is:

  $sent = mail($to, $emailsubject, $msg, $headers);

  if($sent === 0){
     $sHTML = "<table width='100%'><tr><td width='100%'>Sorry, $name. <br />Your email was NOT successfully sent.<br />
		             <br />Please try again.</td></tr></table>";
		 }else{

		   $sHTML = "<table width='100%'><tr><td width='100%'>Thank you, $name. <br />Your email has been successfully sent to Inline Reference<br />
		             <br />Someone will get back to you promptly.</td></tr></table>";
   }//end if
   echo $sHTML;

Is there something wrong with that code?

Bastien

I wish my computer would do what I want it to do,
instead of what I tell it to do...

 

[tsuji]

>Constantly blows up on IE on the line
Blows up? What kind of error is it, blow up?

 

[tsuji]

I guess my proposed solution to this thread would be applicable to the op.

http://www.tek-tips.com/viewthread.cfm?qid=1336956&page=1

In case the op may not understand the translation, here it is.

>strResponse = objAJAX1.responsetext;
>document.getElementById("emailform").innerHTML = >strResponse; //failure here
>objAJAX1 = null;
[tt]
var char_id="xmlhttp_id"; //unique characteristic identifier of the wrapper
if (document.getElementById("xmlhttp_id")) {
var obj=document.getElementById(char_id);
//to prevent piling up for repetitive calls
obj.parentNode.removeChild(obj);
}
var odiv=document.createElement("div")
odiv.id=char_id; //to prepare for remove duplicate
odiv.innerHTML=xmlHttp.responseText;
document.getElementById("emailform").appendChild(odiv);[/tt]

 

[Bastien]

Thanks, with some tinkering that works for both ie7 and FF. Still trying on Opera (trying to cover all the bases if I can).



Bastien

I wish my computer would do what I want it to do,
instead of what I tell it to do...