This example show how to register event handle for KoolAjax's UpdatePanel.
span style="color: #ff0000;">"/KoolAjax/koolajax.php";
$koolajax->scriptFolder = $KoolControlsFolder."/KoolAjax"//If it is callback request, Slow down processing to see loading effect
"exampleContent" style="height:230px;width:650px;""stylesheet" href="example.css" />
<table ><tr><td width="50%""myUpdate""cssOrder">
<content>
<input type="button" id="btnOrder""btn" name="btnOrder" value="Submit Order" />
<br/> <br/>
<div id="result""result"'p'"Order succesfull.<br/> Your OrderID is ""hidden" name="p" value="post" />
</content>
<triggers>
<trigger elementid="btnOrder" event="onclick"/>
</triggers>
<loading image="<?php echo $KoolControlsFolder;?>/KoolAjax/loading/5.gif""block" >
<b>Client-side events: </b>
<hr />
<div id="eventClient" />
</div>
</td></tr></table>
<br style="clear:both""javascript""eventClient" ).innerHTML += "Start update Order... " + "<br/>""eventClient""eventClient" ).innerHTML += "Finish update Order after "" ms<br/>""eventClient""OnSendingRequest""OnUpdatePanel"
span style="color: #808080; font-style: italic;">#DFF3FF;
#0391E2;
#eventClient
{
overflow:auto;
overflow-X:hidden;
height : 130px;
}