diff options
Diffstat (limited to 'webapps/qooxdoo-0.6.5-sdk/frontend/application/sample/source/html/test/FormUtils_1.html')
-rw-r--r-- | webapps/qooxdoo-0.6.5-sdk/frontend/application/sample/source/html/test/FormUtils_1.html | 86 |
1 files changed, 86 insertions, 0 deletions
diff --git a/webapps/qooxdoo-0.6.5-sdk/frontend/application/sample/source/html/test/FormUtils_1.html b/webapps/qooxdoo-0.6.5-sdk/frontend/application/sample/source/html/test/FormUtils_1.html new file mode 100644 index 0000000000..8aa4c89ad7 --- /dev/null +++ b/webapps/qooxdoo-0.6.5-sdk/frontend/application/sample/source/html/test/FormUtils_1.html @@ -0,0 +1,86 @@ +<html> +<head> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> + <title>qooxdoo » Demo » Sample</title> + <link type="text/css" rel="stylesheet" href="../../css/layout.css"/> + <!--[if IE]> + <link type="text/css" rel="stylesheet" href="../../css/layout_ie.css"/> + <![endif]--> + <script type="text/javascript" src="../../script/sample.js"></script> +</head> +<body> + <script type="text/javascript" src="../../script/layout.js"></script> + + <div id="demoDescription"> + <p>Testing qx.html.Form</p> + </div> + + <form id="mainform" style="position: absolute; left:300px; top: 48px"> + <fieldset> + <legend>Basics</legend> + <input type="text" name="givenname" value="Given Name"/> + <br/> + <input type="text" name="name" value="Name"/> + <br/> + <input type="password" name="password" value="Password"/> + </fieldset> + <br/> + <input type="checkbox" checked="checked" name="human" id="human" value="true"/> + <label for="human">Human</label> + <br/> + <input type="checkbox" name="old" id="old" value="true"/> + <label for="old">Old</label> + <br/> + <input type="radio" name="gender" checked="checked" value="male" id="male"/> + <label for="male">Male</label"> + <br/> + <input type="radio" name="gender" value="female" id="female"/> + <label for="female">Female</label"> + <br/> + <label for="color">Favorite Color (Single)</label> + <br/> + <select name="color" id="color"> + <option value="red">Red</option> + <option value="blue">Blue</option> + <option value="green">Green</option> + <option value="yellow">Yellow</option> + <option value="black">Black</option> + <option value="white">White</option> + </select> + <br/> + <label for="pets">Your Pets (Multiple)</label> + <br/> + <select name="pets" id="pets" multiple="multiple" size="3"> + <option value="dog">Dog</option> + <option value="cat">Cat</option> + <option value="bird">Bird</option> + <option value="rabbit">Rabbit</option> + <option value="hamster">Hamster</option> + </select> + <br/> + <input type="submit" value="Send Data"/> + </form> + + <script type="text/javascript"> + qx.core.Init.getInstance().defineMain(function() + { + var btn = new qx.ui.form.Button("Encode"); + btn.setLocation(20, 48); + qx.ui.core.ClientDocument.getInstance().add(btn); + + var area = new qx.ui.form.TextArea; + area.setLocation(20, 100); + area.setDimension(200, 100); + qx.ui.core.ClientDocument.getInstance().add(area); + + qx.html.Form.bind(document.getElementById("mainform"), function() { + alert("Submitting Form Replacement..."); + }); + + btn.addEventListener("execute", function() { + area.setValue(qx.html.Form.encodeForm(document.getElementById("mainform"))); + }); + }); + </script> +</body> +</html> |