<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxform_dhx_skyblue.css">
    
    <script src="../../codebase/dhtmlxcommon.js"></script>
    <script src="../../codebase/dhtmlxform.js"></script>
    
 
 
    <table cellspacing="0" cellpadding="0" border="0">
    <tr><td align="left" valign="top">
        <div id="listObj" style="position: relative; width: 250px;"></div>
    </td><td align="left" valign="top">
        <div id="taData" style="width: 600px; height: 600px; border: #cecece 1px solid; font-family: Tahoma; font-size: 11px;"></div>
    </td></tr>
    </table>
    <script>
var dhxList,
taData,
j = 0;
function doOnLoad() {
    taData = document.getElementById("taData");
    dhxList = new dhtmlXForm("listObj");
    dhxList.attachEvent("onXLS", function() {
        writeLog("<b>onXLS</b> event fired.");
    });
    dhxList.attachEvent("onXLE", function() {
        writeLog("<b>onXLE</b> event fired.");
    });
    dhxList.loadStruct("../common/dhxform.xml?etc=" + new Date().getTime(), function() {
        writeLog("<b>onLoadFunction</b> called.");
    });
}
function writeLog(logText) {
    taData.innerHTML = (++j) + ". " + logText + "<br>" + taData.innerHTML;
}</script>