<!-- include ajax libraries -->
<script type="text/javascript" 
src="http://www.yoursite.com/yourscripts/prototype.js"></script>
<script type="text/javascript" 
src="http://www.yoursite.com/yourscripts/scriptaculous.js"></script>

<script type="text/javascript"> 

function submitForm() 
{ 
    showAjaxImage() //show ajax busy icon
    
    //create the ajax updater object 

    new Ajax.Updater('updatable_content','yourscripts/a.php',{   
    onSuccess: function(){  
    var mySpan = document.getElementById("ajaxIndicator"); 
    mySpan.innerHTML = "" 
    }, 
    onFailure : function(){  
    alert("Something went wrong..."); 
    } 
    });     
} 

function showAjaxImage() {
   var mySpan = document.getElementById("ajaxIndicator"); 
    mySpan.innerHTML = "<img src=\"" + 
    "17/images/ajax_busy.gif" + 
    "\" border=0>";                     
}

</script>

<p><input type="button" id="updatable_bttn" value="Update" 
onClick="submitForm();"> 
<span id="ajaxIndicator"></span>
</p>

<!-- this is the updatable div -->
<div id="updatable_content">
<table border=0 width="230">
<tr><td id="thisTd" bgcolor="#FFFFCC">
<font size="2"><strong>DYNAMIC CONTENT FROM:<br>
-AJAX UPDATER<br>
-UPDATE #: 
</strong></font>
</td></tr>
</table>
</div>
<!-- end of updatable div -->