AJAX.htm

<html>
<body>
<style>
#message
{
    background-color: #fcc;
    color: red;
    border: 2px solid red;
    position: absolute;
    left: 0%;
    top: 5%;
    height: 5%;
    width: 15%;
}
</style>
<script type="text/javascript">
function ajaxFunction()
  {
  var xmlHttp;
  try
    {
    // Firefox, Opera 8.0+, Safari
    xmlHttp=new XMLHttpRequest();
    }
  catch (e)
    {
    // Internet Explorer
    try
      {
      xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
      }
    catch (e)
      {
      try
        {
        xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
        }
      catch (e)
        {
        alert("Your browser does not support AJAX!");
        return false;
        }
      }
    }
    xmlHttp.onreadystatechange=function()
      {
      if(xmlHttp.readyState==4)
        {
        document.getElementById('message').innerHTML = xmlHttp.responseText;
        }
      }
	var time = 'messCheck.php';
    xmlHttp.open("POST",time,true);
    xmlHttp.send(null);
  }
</script>

<form name="myForm">
Name: <input type="text"
onkeyup="ajaxFunction();" name="username" />
Time: <input type="text" name="time" />
</form>
<div id='message'></div>

</body>
</html>