summaryrefslogtreecommitdiff
path: root/swat.obsolete/apps/qooxdoo-examples/test/FormUtils_1.html
diff options
context:
space:
mode:
Diffstat (limited to 'swat.obsolete/apps/qooxdoo-examples/test/FormUtils_1.html')
-rw-r--r--swat.obsolete/apps/qooxdoo-examples/test/FormUtils_1.html86
1 files changed, 86 insertions, 0 deletions
diff --git a/swat.obsolete/apps/qooxdoo-examples/test/FormUtils_1.html b/swat.obsolete/apps/qooxdoo-examples/test/FormUtils_1.html
new file mode 100644
index 0000000000..2e7638d8f8
--- /dev/null
+++ b/swat.obsolete/apps/qooxdoo-examples/test/FormUtils_1.html
@@ -0,0 +1,86 @@
+<html>
+<head>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+ <title>qooxdoo &raquo; Demo</title>
+ <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
+ <!--[if IE]>
+ <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
+ <![endif]-->
+ <script type="text/javascript" src="../../script/qx.js"></script>
+</head>
+<body>
+ <script type="text/javascript" src="../../script/layout.js"></script>
+
+ <div id="demoDescription">
+ <p>Testing QxFormUtils</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);
+
+ QxFormUtils.bind(document.getElementById("mainform"), function() {
+ alert("Submitting Form Replacement...");
+ });
+
+ btn.addEventListener("execute", function() {
+ area.setValue(QxFormUtils.encodeForm(document.getElementById("mainform")));
+ });
+ });
+ </script>
+</body>
+</html>