Getting error while entry in userid field/responseText not returning value

[vikas251074]

I am getting error while entry in userid field. When user enter his user id, an event is fired immediately and user id is verified using AJAX method. But I am getting error 'Object doesn't support this property or method'.

<form name="myform" action="main.asp" method="post">
<div id="content"> 
  <h2 id="pageName">Main Page</h2> 
  <div class="feature"> 
    <h1>Surfing the intranet </h1> 
    <p>
    This is a comprehensive information website on Indian Oil Corporation Limited and specially 
    dedicated to IOCL.
    </p>
  </div> 
  <div class="login" style="position:relative; left:50px"> 
    <table border="1" cellpadding="0" cellspacing="0">
    <tr>
      <td bgcolor="#99FF99"><h3>Employee Login</h3></td>
    </tr>
    <tr>
      <td>
        <table bgcolor="#CCFFCC">
          <tr>
            <td align="right">Login :</td>
            <td><input type="text" name="userid" id="userid" style="width:100px " onblur="userid(this.value);"/></td>
          </tr>
          <tr>
            <td align="right">Password :</td>
            <td><input type="password" name="passwd" style="width:100px "/></td>
          </tr>
        </table>
      </td>
    </tr>
    <tr>
      <td>
        <table bgcolor="#CCFFCC">
          <tr>
            <td><a href="#">Forgot Password?</a></td>
            <td><input type="button" style="width:65px " value="Go" onClick="login();"/></td>
          </tr>
        </table>
      </td>
    </tr>
    </table>
  </div> 
</form>

The description of userid(this.val ue) is as follows -

<script type="text/javascript">
var xmlHttp
 
function userid1(str){
  xmlHttp=GetXmlHttpObject();
  if (xmlHttp==null) {
    alert ("Your browser does not support AJAX!");
    return;
  } 
  var url="checkuser.asp?q="+str+"&sid="+Math.random();
  xmlHttp.onreadystatechange=stateChanged;
  xmlHttp.open("GET",url,true);
  xmlHttp.send(null);
}
 
function stateChanged() { 
  if (xmlHttp.readyState==4) {
    document.getElementById("login").innerHTML=xmlHttp.responseText;}
}
 
function GetXmlHttpObject(){
  var xmlHttp=null;
  try { xmlHttp=new XMLHttpRequest();  }   // Firefox, Opera 8.0+, Safari
  catch (e){ 
    try {xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");}   // Internet Explorer
    catch (e){xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");}
  }
  return xmlHttp;
}
 
</script>

I think error is in line no. 21 where the function 'userid(this.va lue) is called and the error message is 'Object doesn't support this property or method'.

Thanks and regards,
Vikas

[gits]

try the following:

document.getElementById("login").value = xmlHttp.responseText;

instead of using innerHTML ...

kind regards

[vikas251074]

I have tried this, but get no solution.

I think login is not an <div Id >. It is a <div class=login>

So how this problem will be solved.

Thanks and regards,
Vikas

[gits]

aaarg ... sorry i just had a quicklook and overlooked that ... the value will not work with divs ... of course.

just give your div an id="login" ... is there any reason why you didn't do that?

kind regards

[vikas251074]

Yes sir,
I have created main div with an <div id="content">
And all the div created with in this div is defined in
<div class="feature" >
<div class="login">

I have done this way. Is it wrong?

Thanks and regads,
Vikas

[acoder]

I think error is in line no. 21 where the function 'userid(this.va lue) is called and the error message is 'Object doesn't support this property or method'.

Well, it's not surprising if you've called it userid1.

[vikas251074]

Yes I have done this also, but not getting solution. The error message is same.

Thanks and regards,
Vikas

[acoder]

Have you added the id to the div as suggested earlier?

[vikas251074]

Yes,
I have done that way also

<div id="login">
and also
<div id="login1">

But with no hope!!!!

[acoder]

Post the latest version of your code.