1 files changed, 86 insertions, 0 deletions
diff --git a/webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/test/FormUtils_1.html b/webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/test/FormUtils_1.html
new file mode 100644
index 0000000000..2e7638d8f8
--- /dev/null
+++ b/webapps/qooxdoo-0.6.3-sdk/frontend/demo/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 &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>