<!DOCTYPE html> <html lang="en"> <head runat="server"> <title>Client Form Page Test</title> <link href="/mathertel.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="/ajaxcore/ajax.js"></script> <script type="text/javascript" src="/ajaxcore/ajaxForms.js"></script> </head> <body> <h1>Client Form Page Test</h1> <div id="frm" style="margin: 2px; padding: 2px; border: solid 1px green"> <p>F1: <input name="F1" value="one by one"></p> <p>F2: <input type="checkbox" name="F2"></p> <p>T1: <textarea name="T1" style="width: 400px; height: 80px">some text lines</textarea> <p>S1: <select name="S1"> <option value="10">ten</option> <option value="11">eleven</option> <option value="12" selected="selected">twelve</option> <option value="13">thirteen</option> </select> </div> <p>XML (Text):</p> <p> <textarea id="xmlText" style="width: 95%; height: 155px"> <data> <F1>F1</F1> <F2>F2</F2> <T1>T1</T1> <S1>10</S1> </data> </textarea></p> <p> <input type="button" onclick="testGet()" value="GetDATA"> <input type="button" onclick="testSet()" value="SetDATA"> <input type="button" onclick="ajaxForms.clearData('frm')" value="clearData"> <input type="button" onclick="ajaxForms.resetData('frm')" value="resetData"> <script> function testGet() { var xData = ajaxForms.getData('frm'); if (typeof(XMLSerializer) != "undefined") document.getElementById("xmlText").value = (new XMLSerializer()).serializeToString(xData); else document.getElementById("xmlText").value = xData.xml; } function testSet() { ajaxForms.setData(document.getElementById("xmlText").value, 'frm'); } </script> </body> </html>
This page is part of the http://www.mathertel.de/ web site.
For updates and discussions see http://ajaxaspects.blogspot.com/.