DHTMLX Docs & Samples Explorer

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>