my xhr does not work on ie

[sybil6]

works perfect on safari and ff, thanks for your help

function xhr(){
var xmlHttp=null;
try{xmlHttp=new XMLHttpRequest();}
catch (e){
try{xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");}
catch (e){xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
 }
return xmlHttp;
}


valid=new xhr();
function validation(){
var nom=document.forms.recommander_ce_blog.nom.value;
var email=document.forms.recommander_ce_blog.email.value;
var message=document.forms.recommander_ce_blog.message.value;
valid.onreadystatechange = alertContents;
valid.open('get',"validation_recommander_ce_blog.php?nom="+nom+"&email="+email+"&message="+message+"&id="+Math.random(), true);
valid.setRequestHeader('If-Modified-Since','Wed, 05 Apr 2006 00:00:00 GMT');
valid.send(null);

      }
function  alertContents(){
if (valid.readyState == 4) {
result = valid.responseText;
var div=document.getElementById('recommander_ce_blog_error_message')
div.innerHTML = result;
if (div.innerHTML=="<b>Merci!</b>"){
document.getElementById("recommander_ce_blog").style.display="none";
            }


      }
}

the form:

<form  action="javascript:validation()"  id="recommander_ce_blog" name="recommander_ce_blog" >
<table style="height: 148px;" border="0" width="282">
<tr>
<td>nom:</td>
<td><input name="nom" type="text" /></td>
</tr>
<tr>
<td>email:</td>
<td><input name="email" type="text" /></td>
</tr>
<tr>
<td valign="top">message:</td>
<td><textarea name="message"></textarea></td>
</tr>
<tr>
<td></td>
<td><input name="submit_recommander_ce_blog" type="submit" value="Submit" /></td>
</tr>
</table>
</form>

[A1ien51]

Have you added alert statements to figure out where it is breaking?

Do you have error message?

Eric

[rnd me]

move valid=new xhr(); into the function validation(), along with function alertContents()...

additionally, try assigning onreadystatechange after the .open(), not before.


also, .innnerHTML is not standardized, check against the string instead:
if (div.innerHTML==..) becomes if (result==...)