<script language="JavaScript" type="text/javascript" src="aj.js">  
</script> 
<input type="text" value="#CCC" id="paints" size="7">
<input type="button" value="submit" id="gColor" onclick=  
"handleIT();colorIT()"> <input type="text" id="textBack">
<div class="c1" id="divBack">Dynamically Paint Here.</div>

<?php
$paint = trim($_POST['paints']);
echo trim($paint);
?>

function getXmlHttpRequestObject() { if (window.XMLHttpRequest) { return new XMLHttpRequest();} else if(window.ActiveXObject) { return new ActiveXObject("Microsoft.XMLHTTP");} else {}}
 
var search7 = getXmlHttpRequestObject(); 
 
function handleIT() { if (search7.readyState == 4 || search7.readyState == 0) { 
 
var paints = escape(document.getElementById('paints').value); 
var parameters="paints="+paints;
 
search7.open("POST", 'aj.php', true); 
search7.onreadystatechange = colorIT; 
 
search7.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
search7.send(parameters);
}}
 
function colorIT() { if (search7.readyState == 4) { 
var paints = escape(document.getElementById('paints').value); 
 
document.getElementById("textBack").value=search7.responseText; 
document.getElementById("divBack").style.backgroundColor=search7.responseText;
}}

var paints, parameters, search7, colorIT;
 
colorIT = function() { 
   if ( search7.readyState === 4 ) {
        document.getElementById("textBack").value = search7.responseText;
      document.getElementById("divBack").style.backgroundColor = search7.responseText;
   }
};
 
function getXmlHttpRequestObject() {
search7 = null;
paints = escape( document.getElementById("prints").value );
parameters = "paints=" + paints;
   if ( window.XMLHttpRequest ) {
         search7 = new XMLHttpRequest();
   } else if ( window.ActiveXObject ) {
      try {
          search7 = new ActiveXObject("Microsoft.XMLHTTP");
      } catch( e ) {
          search7 = new ActiveXObject("Msxml2.XMLHTTP");
      }
   }
   if ( search7 !== null ) {
search7 = ( search7.overrideMimeType ) ? search7.overrideMimeType("text/xml") : search7;
search7 = ( search7.setRequestHeader ) ? search7.setRequestHeader("Content-Type", "application/x-www-form-urlencoded") : search7;
      search7.onreadystatechange = colorIT;
      search7.open("POST", "aj.ph", true);
      search7.send( parameters );
   } else {
      alert("\nYour browser does not support AJAX Request!"); 
   }
}

if ( document.all ) {
    div = document.all.divBack;
    div.setAttribute("style", "background-color : " + search7.responseText + ";");
   }