DHTMLX Docs & Samples Explorer

Index
dhtmlxForm
DhtmlxForm Initialization

# Example (initialization)

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <!--conf
    <sample>
                  <product version="1.0" edition="std"/>
                         <modifications>
                                <modified date="080307"/>
                         </modifications>
                   </sample>
     -->

    <html>
    <head>
    	<title>Init From Object</title>

    	<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>

    </head>

    <body onload="doOnLoad();">
    	<div id="listObj" style="position: relative; width: 350px;"></div>
    	<script>
    		var dhxList;

    		function doOnLoad() {

    			var formData = [
    				{type: "label", label: "dhtmlxList"},
    				{type: "radio", name: "choose", value: "online", label: "Will enjoy the online demo"},
    				{type: "radio", name: "choose", value: "senddisk", label: "Please send me disk", checked: true, list:[
    					{type: "checkbox", name: "bootleg", value: "yes", label: "Insert bootleg", checked: true},
    					{type: "checkbox", name: "lirycs", value: "jaja", label: "Lyrics if possible", checked: true},
    					{type: "label", label: "Payment"},
    					{type: "radio", name: "paymenttype", value:"creditcard", label:"Credit Card", list:[
    						{type: "input", name: "cardnumber", value: "XXXX-XXXX-XXXX-XXXX", label:"Card Number"},
    						{type: "input", name: "cardkey", value: "XXXX", label: "Key"}
    					]},
    					{type: "radio", name: "paymenttype", value:"cash", label:"Cash", checked: true},
    					{type: "label", label: "Currency"},
    					{type: "radio", name: "currencytype", value: "dollar", label: "U. S. Dollars", checked: true},
    					{type: "radio", name: "currencytype", value: "euro", label :"Euro"},
    					{type: "radio", name: "currencytype", value: "brb", label: "Belarusian Rubel"},
    					{type: "select", name: "mediatype", label: "Select Media Type", options:[
    						{value: "1", text: "CD 700Mb", list:[
    							{type: "checkbox", name: "overburn", value: "yes_1", label: "Overburn", checked: true}
    						]},
    						{value: "2", text: "DVD5 4.4Gb", list:[
    							{type: "checkbox", name: "lightscribe", value: "yes", label: "Light Scribe", checked: true},
    							{type: "checkbox", name: "labelflash", value: "yes", label: "Label Flash", checked: false, list:[
    								{type: "radio", name: "labelflash_radio", value: "required", label: "Required", checked: true},
    								{type: "radio", name: "labelflash_radio", value: "not_mandatory", label: "Not bad option"}
    							]}
    						]},
    						{value: "3", text: "DVD9 8.6Gb", selected: true, list:[
    							{type: "radio", name: "86dvd", value: "86dvd_1", label: "Double Layer", checked: true},
    							{type: "radio", name: "86dvd", value: "86dvd_2", label: "Two-Sided"}
    						]},
    						{value: "4", text: "Blue-Ray 24Gb"}
    					]},
    					{type: "select", name: "audioquality", label: "Select Audio Quality", options:[
    						{value: "1", text: "2.0 16bit/128kbps"},
    						{value: "2", text: "2.1 16bit/334kbps"},
    						{value: "3", text: "5.1 32bit/448kbps", selected: true}
    					]},
    					{type: "select", name: "videoquality", label: "Select Video Quality", options:[
    						{value: "1", text: "DVD MPEG-2", selected: true},
    						{value: "2", text: "DivX"},
    						{value: "3", text: "XviD"}
    					]},
    					{type: "input", name: "comments", label: "Comments", value: "Some Comments", rows: 3},
    					{type: "checkbox", name: "upload", label: "Upload your cover for disk", list:[
    						{type: "file", name: "file_a", label: "Preview"},
    						{type: "file", name: "file_b", label: "Full-Size Image"},
    						{type: "fieldset",  name: "mydata", label: "Advanced Settings", list:[
    							{type: "checkbox", name: "vsync", label: "VSync", checked: "1"},
    							{type: "checkbox", name: "mouse_invert", label: "Swap Mouse Buttons"},
    							{type: "checkbox", name: "custom_cursor", label: "Custom Mouse Cursor", checked: "0", list:[
    								{type: "radio", name: "cursor_value", value: "dot", label: "Dot", checked: "1"},
    								{type: "radio", name: "cursor_value", value: "cross", label: "Cross"},
    								{type: "radio", name: "cursor_value", value: "circle", label: "Circle"},
    								{type: "radio", name: "cursor_value", value: "triangle", label: "Triangle"}
    							]}
    						]}
    					]}

    				]},
    				{type: "button", name: "btn2", value: "Submit", command: "reset"}

    			];
    			dhxList = new dhtmlXForm("listObj", formData);
    		}
    	</script>

    </body>
    </html>