Ruby on Rails | Screencasts | Download | Documentation | Weblog | Community | Source

Ticket #10453: bigform.html

File bigform.html, 6.3 kB (added by bwiart, 7 months ago)
Line 
1   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
2           "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3   <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
4   <head>
5     <title>Prototype Big form test file</title>
6     <meta http-equiv="content-type" content="text/html; charset=utf-8" />
7     <script src="../../dist/prototype.js" type="text/javascript"></script>
8    
9     <link rel="stylesheet" href="../test.css" type="text/css" />
10     <script type="text/javascript" charset="utf-8">
11   // <![CDATA[
12
13 function testNew()
14 {
15         var start = new Date();
16         var result = Form.fastSerialize('bigform',true);
17         var end = new Date();
18         $('testlog').innerHTML ='time new = '+(end-start);
19 }
20
21 function testCurrent()
22 {
23         var start = new Date();
24         var result = Form.serialize('bigform',true);
25         var end = new Date();
26         $('testlog').innerHTML ='time current = '+(end-start);
27 }
28 // ]]>
29 </script>
30   </head>
31   <body>
32   <h1>Prototype Big form  test file</h1>
33  
34   <!-- Log output -->
35   <div id="testlog"> </div>
36
37   <form id="bigform" method="get" action="fixtures/empty.js">
38     <div id="inputs">
39       <input type="text"   name="dummy"  id="dummy_disabled" disabled="disabled"/>
40       <input type="submit" name="commit" id="submit" />
41       <input type="button" name="clicky" value="click me" />
42       <input type="reset"  name="revert" />
43       <input type="text"   name="greeting" id="focus_text" value="Hello" />
44     </div>
45
46
47     <!-- some edge cases in serialization -->
48     <div id="value_checks">
49       <input name="twin" type="text" value="" />
50       <input name="twin" type="text" value="siamese" />
51       <!-- Rails checkbox hack with hidden input: -->
52       <input name="checky" type="checkbox" id="checkbox_hack" value="1" />
53       <input name="checky" type="hidden" value="0" />
54     </div>
55
56     <!-- all variations of SELECT controls -->
57     <div id="selects_wrapper">
58       <select name="vu">
59          <option value="1" selected="selected">One</option>
60          <option value="2">Two</option>
61          <option value="3">Three</option>
62       </select>
63       <select id="multiSel1" name="vm[]" multiple="multiple">
64          <option id="multiSel1_opt1" value="1" selected="selected">One</option>
65          <option id="multiSel1_opt2" value="2">Two</option>
66          <option id="multiSel1_opt3" value="3" selected="selected">Three</option>
67       </select>
68       <select name="nvu">
69          <option selected="selected">One</option>
70          <option value="2">Two</option>
71          <option value="3">Three</option>
72       </select>
73
74       <fieldset id="selects_fieldset">
75         <select name="nvm[]" multiple="multiple">
76            <option selected="selected">One</option>
77            <option>Two</option>
78            <option selected="selected">Three</option>
79         </select>
80         <select name="evu">
81            <option value="" selected="selected">One</option>
82            <option value="2">Two</option>
83            <option value="3">Three</option>
84         </select>
85         <select name="evm[]" multiple="multiple">
86            <option value="" selected="selected">One</option>
87            <option>Two</option>
88            <option selected="selected">Three</option>
89         </select>
90       </fieldset>
91     </div>
92
93     <div id="various">
94       <select name="tf_selectOne"><option selected="selected"></option><option>1</option></select>
95       <textarea name="tf_textarea"></textarea>
96       <input type="checkbox" name="tf_checkbox" value="on" />
97       <select name="tf_selectMany" multiple="multiple"></select>
98       <input type="text" name="tf_text" />
99       <div>This is not a form element</div>
100       <input type="radio" name="tf_radio" value="on" />
101       <input type="hidden" name="tf_hidden" />
102       <input type="password" name="tf_password" />
103     </div>
104    
105      <input type="text"   name="testlotinputs" value=""/>
106      <input type="text"   name="testlotinputs" value=""/>
107      <input type="text"   name="testlotinputs" value=""/>
108      <input type="text"   name="testlotinputs" value=""/>
109      <input type="text"   name="testlotinputs" value=""/>
110      <input type="text"   name="testlotinputs" value=""/>
111      <input type="text"   name="testlotinputs" value=""/>
112      <input type="text"   name="testlotinputs" value=""/>
113      <input type="text"   name="testlotinputs" value=""/>
114      <input type="text"   name="testlotinputs" value=""/>
115       <input type="text"   name="testlotinputs" value=""/>
116      <input type="text"   name="testlotinputs" value=""/>
117      <input type="text"   name="testlotinputs" value=""/>
118      <input type="text"   name="testlotinputs" value=""/>
119      <input type="text"   name="testlotinputs" value=""/>
120      
121      <input type="text"   name="testlotinputs2" value=""/>
122      <input type="text"   name="testlotinputs2" value=""/>
123      <input type="text"   name="testlotinputs2" value=""/>
124      <input type="text"   name="testlotinputs2" value=""/>
125      <input type="text"   name="testlotinputs2" value=""/>
126      <input type="text"   name="testlotinputs2" value=""/>
127      <input type="text"   name="testlotinputs2" value=""/>
128      <input type="text"   name="testlotinputs2" value=""/>
129      <input type="text"   name="testlotinputs2" value=""/>
130      <input type="text"   name="testlotinputs2" value=""/>
131      <input type="text"   name="testlotinputs2" value=""/>
132      <input type="text"   name="testlotinputs2" value=""/>
133      <input type="text"   name="testlotinputs2" value=""/>
134      <input type="text"   name="testlotinputs2" value=""/>
135      <input type="text"   name="testlotinputs2" value=""/>
136      <input type="text"   name="testlotinputs2" value=""/>
137      <input type="text"   name="testlotinputs2" value=""/>
138      
139      <input type="text"   id="testnoname1" value=""/>
140      <input type="text"   id="testnoname2" value=""/>
141      <input type="text"   id="testnoname3" value=""/>
142      <input type="text"   id="testnoname4" value=""/>
143      <input type="text"   id="testnoname5" value=""/>
144      <input type="text"   id="testnoname6" value=""/>
145      <input type="text"   id="testnoname7" value=""/>
146      <input type="text"   id="testnoname8" value=""/>
147      <input type="text"   id="testnoname9" value=""/>
148      <input type="text"   id="testnoname10" value=""/>
149      
150      <input type="button" value="Test Current" name="tst_old" onclick="testCurrent()"/>
151      <input type="button" value="Test New" name="tst_new" onclick="testNew()"/>
152   </form>
153 </body>
154 </html>