corrade-nucleus-nucleons – Blame information for rev 26
?pathlinks?
Rev | Author | Line No. | Line |
---|---|---|---|
1 | office | 1 | <style> |
2 | body { |
||
3 | font-family: Arial, Helvetica, Sans-Serif, serif; |
||
4 | font-size: 12px; |
||
5 | } |
||
6 | .fieldWrap { |
||
7 | margin-bottom: 5px; |
||
8 | } |
||
9 | .fieldsWrap { |
||
10 | border: 1px solid #ccc; |
||
11 | margin-bottom:5px; |
||
12 | padding:5px; |
||
13 | } |
||
14 | .fieldsWrap > label { |
||
15 | font-weight: bold; |
||
16 | |||
17 | } |
||
18 | </style> |
||
19 | |||
20 | <form id="settingsForm" method="post"> |
||
21 | <div class="fieldsWrap"> |
||
22 | <div class="fieldWrap"> |
||
23 | <label>Username</label> |
||
24 | <input type="text" name="settings[username]" value="serbanghita"> |
||
25 | </div> |
||
26 | <div class="fieldWrap"> |
||
27 | <label>Race</label> |
||
28 | <select name="settings[race]"> |
||
29 | <option name="human">Human</option> |
||
30 | <option name="orc" selected>Orc</option> |
||
31 | <option name="protoss">Protoss</option> |
||
32 | </select> |
||
33 | </div> |
||
34 | </div> |
||
35 | <div class="fieldsWrap"> |
||
36 | <label>Input type</label> |
||
37 | <div class="fieldWrap"> |
||
38 | <label>Mouse</label> |
||
39 | <input type="radio" name="settings[input]" value="mouse"> |
||
40 | </div> |
||
41 | <div class="fieldWrap"> |
||
42 | <label>Touch</label> |
||
43 | <input type="radio" name="settings[input]" value="touch" checked> |
||
44 | </div> |
||
45 | <div class="fieldWrap"> |
||
46 | <label>Keyboard</label> |
||
47 | <input type="radio" name="settings[input]" value="keyboard"> |
||
48 | </div> |
||
49 | </div> |
||
50 | <div class="fieldsWrap"> |
||
51 | <label>Video settings</label> |
||
52 | <div class="fieldWrap"> |
||
53 | <label>Resolution</label> |
||
54 | <select name="settings[video][resolution]"> |
||
55 | <option value="320x240">320 x 240</option> |
||
56 | <option value="640x480" selected>640 x 480</option> |
||
57 | <option value="1024x768">1024 x 768</option> |
||
58 | </select> |
||
59 | </div> |
||
60 | <div class="fieldWrap"> |
||
61 | <label>Vertical sync</label> |
||
62 | ON <input type="radio" name="settings[video][vsync]" value="on" checked> |
||
63 | OFF <input type="radio" name="settings[video][vsync]" value="off"> |
||
64 | </div> |
||
65 | </div> |
||
66 | <div class="fieldWrap"> |
||
67 | <input type="submit" name="saveSettings" value="Save"> |
||
68 | </div> |
||
69 | </form> |
||
70 | |||
71 | |||
72 | |||
73 | <script src="../../src/formToObject.js"></script> |
||
74 | <script> |
||
75 | var result = formToObject('settingsForm'); |
||
76 | console.log(result); |
||
77 | </script> |