<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>
    <script src="../../codebase/ext/dhtmlxform_item_upload.js"></script>
    <script src="../../codebase/ext/swfobject.js"></script>
    <style>
        div#simpleLog {
            width: 800px;
            height: 200px;
            font-family: Tahoma;
            font-size: 11px;
            overflow: auto;
        }
    </style>
    <script>
var myForm,
formData,
logObj;
function doOnLoad() {
    formData = [{
        type: "fieldset",
        label: "Uploader",
        list: [{
            type: "upload",
            name: "myFiles",
            inputWidth: 330,
            url: "php/dhtmlxform_item_upload.php",
            swfPath: "../../codebase/ext/uploader.swf",
            swfUrl: "../../samples/07_uploader/php/dhtmlxform_item_upload.php"
        }]
        }];
    myForm = new dhtmlXForm("myForm", formData);
}
function getStatus() {
    var s = myForm.getUploaderStatus("myFiles");
    logEvent(s);
}
function logEvent(t) {
    if (!logObj)
        logObj = document.getElementById("simpleLog");
    logObj.innerHTML += t + "<br>";
}
function clearLog() {
    if (!logObj)
        logObj = document.getElementById("simpleLog");
    logObj.innerHTML = "";
}</script>
 
 
    <table>
        <tr><td><div id="myForm"></div></td></tr>
        <tr><td><br><input type="button" value="Get Status" onclick="getStatus();"></td></tr>
        <tr><td><br><b>Log (<a href="javascript:void(0);" onclick="clearLog();">clear</a>)</b></td></tr>
        <tr><td><div id="simpleLog"></div></td></tr>
    </table>