watir 1.6.2 → 1.6.5

Sign up to get free protection for your applications and to get access to all the features.
Files changed (178) hide show
  1. data/CHANGES +326 -188
  2. data/bin/watir-console +7 -8
  3. data/lib/changes.rb +3 -3
  4. data/lib/license.rb +38 -38
  5. data/lib/readme.rb +140 -140
  6. data/lib/watir/WindowHelper.rb +49 -49
  7. data/lib/watir/camel_case.rb +66 -45
  8. data/lib/watir/clickJSDialog.rb +19 -19
  9. data/lib/watir/close_all.rb +37 -37
  10. data/lib/watir/collections.rb +344 -312
  11. data/lib/watir/container.rb +815 -753
  12. data/lib/watir/contrib/enabled_popup.rb +20 -20
  13. data/lib/watir/contrib/ie-new-process.rb +27 -27
  14. data/lib/watir/contrib/page_checker.rb +29 -29
  15. data/lib/watir/cookiemanager.rb +55 -55
  16. data/lib/watir/core_ext.rb +18 -0
  17. data/lib/watir/datahandler.rb +107 -107
  18. data/lib/watir/dialog.rb +46 -46
  19. data/lib/watir/element.rb +343 -312
  20. data/lib/watir/element_collections.rb +97 -81
  21. data/lib/watir/form.rb +170 -170
  22. data/lib/watir/frame.rb +59 -59
  23. data/lib/watir/ie-class.rb +1009 -1003
  24. data/lib/watir/ie-process.rb +39 -39
  25. data/lib/watir/ie.rb +133 -132
  26. data/lib/watir/image.rb +130 -130
  27. data/lib/watir/input_elements.rb +572 -539
  28. data/lib/watir/irb-history.rb +30 -30
  29. data/lib/watir/link.rb +64 -64
  30. data/lib/watir/locator.rb +176 -161
  31. data/lib/watir/logger.rb +19 -19
  32. data/lib/watir/modal_dialog.rb +122 -122
  33. data/lib/watir/non_control_elements.rb +145 -127
  34. data/lib/watir/page-container.rb +107 -105
  35. data/lib/watir/popup.rb +29 -29
  36. data/lib/watir/process.rb +19 -19
  37. data/lib/watir/screen_capture.rb +115 -115
  38. data/lib/watir/setFileDialog.rb +16 -16
  39. data/lib/watir/table.rb +362 -362
  40. data/lib/watir/utils.rb +19 -19
  41. data/lib/watir/version.rb +5 -5
  42. data/lib/watir/watir_simple.rb +475 -475
  43. data/lib/watir/win32.rb +35 -28
  44. data/lib/watir/win32ole.rb +14 -6
  45. data/lib/watir/winClicker.rb +496 -479
  46. data/unittests/all_tests.rb +10 -10
  47. data/unittests/buttons_xpath_test.rb +69 -69
  48. data/unittests/checkbox_test.rb +179 -176
  49. data/unittests/checkbox_xpath_test.rb +107 -107
  50. data/unittests/core_tests.rb +17 -16
  51. data/unittests/css_test.rb +35 -35
  52. data/unittests/defer_test.rb +46 -46
  53. data/unittests/dialog_test.rb +77 -77
  54. data/unittests/div2_xpath_test.rb +21 -21
  55. data/unittests/div_test.rb +188 -183
  56. data/unittests/div_xpath_test.rb +96 -96
  57. data/unittests/errorchecker_test.rb +22 -22
  58. data/unittests/filefield_test.rb +39 -40
  59. data/unittests/filefield_xpath_test.rb +33 -33
  60. data/unittests/form_test.rb +280 -293
  61. data/unittests/form_xpath_test.rb +252 -253
  62. data/unittests/frame_test.rb +155 -157
  63. data/unittests/google_form_test.rb +15 -15
  64. data/unittests/html/JavascriptClick.html +39 -39
  65. data/unittests/html/blankpage.html +11 -11
  66. data/unittests/html/buttons1.html +40 -40
  67. data/unittests/html/checkboxes1.html +89 -89
  68. data/unittests/html/complex_table.html +36 -36
  69. data/unittests/html/cssTest.html +42 -42
  70. data/unittests/html/depot_store.html +51 -51
  71. data/unittests/html/div.html +93 -93
  72. data/unittests/html/div_xml.html +20 -20
  73. data/unittests/html/fileupload.html +45 -45
  74. data/unittests/html/formTest1.html +38 -38
  75. data/unittests/html/forms2.html +44 -44
  76. data/unittests/html/forms3.html +131 -131
  77. data/unittests/html/forms4.html +27 -27
  78. data/unittests/html/frame_buttons.html +3 -3
  79. data/unittests/html/frame_links.html +3 -3
  80. data/unittests/html/frame_multi.html +4 -4
  81. data/unittests/html/google_india.html +107 -107
  82. data/unittests/html/iframeTest.html +12 -12
  83. data/unittests/html/iframeTest1.html +6 -6
  84. data/unittests/html/iframeTest2.html +5 -5
  85. data/unittests/html/images1.html +66 -66
  86. data/unittests/html/javascriptevents.html +35 -35
  87. data/unittests/html/link_pass.html +10 -10
  88. data/unittests/html/links1.html +38 -38
  89. data/unittests/html/links2.html +10 -10
  90. data/unittests/html/links_multi.html +14 -14
  91. data/unittests/html/list_matters.html +720 -720
  92. data/unittests/html/lists.html +17 -17
  93. data/unittests/html/map_test.html +31 -31
  94. data/unittests/html/modal_dialog.html +10 -10
  95. data/unittests/html/modal_dialog_launcher.html +11 -11
  96. data/unittests/html/nestedFrames.html +6 -6
  97. data/unittests/html/new_browser.html +16 -16
  98. data/unittests/html/pass.html +12 -12
  99. data/unittests/html/popups1.html +59 -59
  100. data/unittests/html/pre.html +27 -27
  101. data/unittests/html/radioButtons1.html +71 -71
  102. data/unittests/html/select_tealeaf.html +54 -54
  103. data/unittests/html/selectboxes1.html +52 -55
  104. data/unittests/html/simple_table.html +26 -26
  105. data/unittests/html/simple_table_buttons.html +104 -104
  106. data/unittests/html/simple_table_columns.html +76 -76
  107. data/unittests/html/table1.html +181 -181
  108. data/unittests/html/tableCell_using_xpath.html +19 -19
  109. data/unittests/html/textarea.html +30 -30
  110. data/unittests/html/textfields1.html +88 -88
  111. data/unittests/html/textsearch.html +44 -44
  112. data/unittests/html/wallofcheckboxes.html +1003 -1003
  113. data/unittests/html/xpath_nbsp.html +12 -12
  114. data/unittests/ie_exists_test.rb +33 -33
  115. data/unittests/ie_mock.rb +94 -94
  116. data/unittests/ie_test.rb +51 -50
  117. data/unittests/images_test.rb +157 -157
  118. data/unittests/images_xpath_test.rb +91 -91
  119. data/unittests/links_multi_test.rb +48 -48
  120. data/unittests/links_test.rb +175 -177
  121. data/unittests/links_xpath_test.rb +39 -39
  122. data/unittests/map_test.rb +98 -98
  123. data/unittests/minmax_test.rb +31 -31
  124. data/unittests/navigate_test.rb +39 -39
  125. data/unittests/nbsp_xpath_test.rb +16 -16
  126. data/unittests/non_core_tests.rb +12 -12
  127. data/unittests/other/WindowLogonExample.rb +27 -27
  128. data/unittests/other/WindowLogonExtra.rb +6 -6
  129. data/unittests/other/all_tests_concurrent.rb +57 -57
  130. data/unittests/{windows → other}/jscriptExtraAlert.rb +6 -6
  131. data/unittests/{windows → other}/jscriptExtraConfirmCancel.rb +6 -6
  132. data/unittests/{windows → other}/jscriptExtraConfirmOk.rb +6 -6
  133. data/unittests/{windows → other}/jscriptPushButton.rb +6 -6
  134. data/unittests/{windows → other}/jscript_test.rb +63 -63
  135. data/unittests/other/navigate_exception_test.rb +24 -24
  136. data/unittests/other/rexml_unit_test.rb +27 -24
  137. data/unittests/other/screen_capture_test.rb +54 -54
  138. data/unittests/other/testcase_method_order_test.rb +35 -35
  139. data/unittests/other/testcase_verify_test.rb +24 -24
  140. data/unittests/other/wait_until_test.rb +99 -99
  141. data/unittests/pagecontainstext_test.rb +69 -69
  142. data/unittests/parent_child_test.rb +43 -43
  143. data/unittests/perf_test.rb +20 -20
  144. data/unittests/popups_test.rb +43 -43
  145. data/unittests/pre_test.rb +53 -53
  146. data/unittests/radios_test.rb +212 -212
  147. data/unittests/radios_xpath_test.rb +101 -101
  148. data/unittests/security_setting_test.rb +23 -23
  149. data/unittests/selectbox_test.rb +148 -139
  150. data/unittests/selectbox_xpath_test.rb +113 -113
  151. data/unittests/setup.rb +77 -75
  152. data/unittests/speed_settings_test.rb +67 -65
  153. data/unittests/table_cell_using_xpath_test.rb +35 -35
  154. data/unittests/table_test.rb +376 -362
  155. data/unittests/table_xpath_test.rb +110 -110
  156. data/unittests/test_tests.rb +9 -9
  157. data/unittests/textarea_test.rb +92 -92
  158. data/unittests/textarea_xpath_test.rb +78 -78
  159. data/unittests/textfield_for_ch_char_test.rb +31 -29
  160. data/unittests/textfields_test.rb +218 -218
  161. data/unittests/textfields_xpath_test.rb +111 -111
  162. data/unittests/window_tests.rb +10 -7
  163. data/unittests/windows/attach_to_existing_window_test.rb +53 -52
  164. data/unittests/windows/attach_to_new_window_test.rb +83 -82
  165. data/unittests/windows/close_window_test.rb +20 -20
  166. data/unittests/windows/frame_links_test.rb +25 -25
  167. data/unittests/windows/ie-each_test.rb +47 -47
  168. data/unittests/windows/iedialog_test.rb +54 -54
  169. data/unittests/windows/js_events_test.rb +55 -55
  170. data/unittests/windows/modal_dialog_test.rb +128 -126
  171. data/unittests/windows/new_test.rb +57 -55
  172. data/unittests/windows/open_close_test.rb +18 -18
  173. data/unittests/windows/send_keys_test.rb +33 -32
  174. data/unittests/xpath_tests.rb +10 -10
  175. metadata +20 -20
  176. data/lib/watir/contrib/visible.rb +0 -47
  177. data/unittests/iostring.rb +0 -30
  178. data/unittests/iostring_test.rb +0 -48
data/unittests/html/select_tealeaf.html CHANGED
@@ -1,54 +1,54 @@
1
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
2
- <html>
3
- <head>
4
- </head>
5
- <body>
6
- I've been very happy to be able to start migrating from Incanica's ITP<br>
7
- to Watir at work, but I've run into my first real problem. I have a<br>
8
- select box defined thus:<br>
9
- <br>
10
- <select class="body" name="op_numhits">
11
- <option value="0"> = </option>
12
- <option value="1"> &lt;&gt; </option>
13
- <option value="3"> &gt;= </option>
14
- <option value="5"> &lt;= </option>
15
- </select>
16
- <br>
17
- and I'm trying to choose the "&gt;=" option via the following code:<br>
18
- <pre> $ie.selectBox( :name, "op_numhits" ).select( "&gt;=" )</pre>
19
- (Aside: actually, what I write to define the task is XML adapted from
20
- ITP's syntax, e.g.,<br>
21
- <pre> &lt;browser_action entity="selectBox" entity_id_type="name" entity_id_value="op_numhits" action="select" param="&amp;gt;=" /&gt; </pre>
22
- and our WebSiteTester Ruby class translates that into
23
- Watir calls.)<br>
24
- <br>
25
- and the output I get from Watir is:<br>
26
- <br>
27
- Setting box op_numhits to &gt;= String<br>
28
- comparing &gt;= to &aacute;=&aacute;&aacute;<br>
29
- comparing &gt;= to &aacute;&lt;&gt;&aacute;<br>
30
- comparing &gt;= to &aacute;&gt;=&aacute;<br>
31
- comparing &gt;= to &aacute;&lt;=&aacute;<br>
32
- <br>
33
- <br>
34
- While I just realized I could enhance our WebSiteTester class to be
35
- able to pass Regexp's as well as Strings to the select() method, it
36
- would also be nice to be able to specify the desired select option by
37
- value (in my example, the value is "3").<br>
38
- <hr><br>
39
- Is it even possible for Watir to select something based on an attribute<br>
40
- that's empty, like the first option of the select box below? I know I<br>
41
- also have an issue given that I'm translating from an XML representation<br>
42
- to a Ruby Watir call, and I'm probably getting a nil back from REXML<br>
43
- when I ask for the value of an attribute that has nothing between the<br>
44
- quotes....<br>
45
- <br>
46
- <select class="body" name="s_interest" id="s_interest">
47
- <option value="" selected="Y"></option>
48
- <option value="-1">Yes</option>
49
- <option value="0">No</option>
50
- </select>
51
- <br>
52
- <br>
53
- </body>
54
- </html>
1
+ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
2
+ <html>
3
+ <head>
4
+ </head>
5
+ <body>
6
+ I've been very happy to be able to start migrating from Incanica's ITP<br>
7
+ to Watir at work, but I've run into my first real problem. I have a<br>
8
+ select box defined thus:<br>
9
+ <br>
10
+ <select class="body" name="op_numhits">
11
+ <option value="0"> = </option>
12
+ <option value="1"> &lt;&gt; </option>
13
+ <option value="3"> &gt;= </option>
14
+ <option value="5"> &lt;= </option>
15
+ </select>
16
+ <br>
17
+ and I'm trying to choose the "&gt;=" option via the following code:<br>
18
+ <pre> $ie.selectBox( :name, "op_numhits" ).select( "&gt;=" )</pre>
19
+ (Aside: actually, what I write to define the task is XML adapted from
20
+ ITP's syntax, e.g.,<br>
21
+ <pre> &lt;browser_action entity="selectBox" entity_id_type="name" entity_id_value="op_numhits" action="select" param="&amp;gt;=" /&gt; </pre>
22
+ and our WebSiteTester Ruby class translates that into
23
+ Watir calls.)<br>
24
+ <br>
25
+ and the output I get from Watir is:<br>
26
+ <br>
27
+ Setting box op_numhits to &gt;= String<br>
28
+ comparing &gt;= to &aacute;=&aacute;&aacute;<br>
29
+ comparing &gt;= to &aacute;&lt;&gt;&aacute;<br>
30
+ comparing &gt;= to &aacute;&gt;=&aacute;<br>
31
+ comparing &gt;= to &aacute;&lt;=&aacute;<br>
32
+ <br>
33
+ <br>
34
+ While I just realized I could enhance our WebSiteTester class to be
35
+ able to pass Regexp's as well as Strings to the select() method, it
36
+ would also be nice to be able to specify the desired select option by
37
+ value (in my example, the value is "3").<br>
38
+ <hr><br>
39
+ Is it even possible for Watir to select something based on an attribute<br>
40
+ that's empty, like the first option of the select box below? I know I<br>
41
+ also have an issue given that I'm translating from an XML representation<br>
42
+ to a Ruby Watir call, and I'm probably getting a nil back from REXML<br>
43
+ when I ask for the value of an attribute that has nothing between the<br>
44
+ quotes....<br>
45
+ <br>
46
+ <select class="body" name="s_interest" id="s_interest">
47
+ <option value="" selected="Y"></option>
48
+ <option value="-1">Yes</option>
49
+ <option value="0">No</option>
50
+ </select>
51
+ <br>
52
+ <br>
53
+ </body>
54
+ </html>
data/unittests/html/selectboxes1.html CHANGED
@@ -1,56 +1,53 @@
1
- <html>
2
- <head>
3
- <title>
4
- Test page for select boxes
5
- </title>
6
- <link rel="stylesheet" type="text/css" href="watir_unit_tests.css">
7
- </head>
8
- <body>
9
- CVS Revision: $Revision: 817 $
10
- <br>
11
- <br>
12
- <table>
13
-
14
- <tr>
15
- <td>
16
- <select name = sel1 class='list_style'>
17
- <option value=o1 >Option 1
18
- <option value=o2 >Option 2
19
- <option value=o3 SELECTED >Option 3
20
- <option value=o4 >Option 4
21
- </select>
22
- <tr>
23
- <td>
24
- <select name = sel2 multiple>
25
- <option value=o1 >Option 1
26
- <option value=o2 class='option_style'>Option 2
27
- <option value=o3 class='option_style' SELECTED >Option 3
28
- <option value=o4 class='option_style'>Option 4
29
- <option value=o6 class='option_style'>Option 5
30
- <option value=o6 class='option_style' SELECTED >Option 6
31
-
32
-
33
- </form>
34
-
35
- <tr>
36
- <td>
37
- <select name = sel3 onChange = 'javascript:document.location="pass.html";'>
38
- <option value = o1>Option 1
39
- <option value = o2>Option 2
40
- <option value = o3 selected>Option 3
41
- <option value = o4>Option 4
42
- </select>
43
-
44
- <td> This box is used for testing the onchange event
45
-
46
- <tr>
47
- <td><select id = 'selectbox_4' disabled><option value = o1>Option 1<option value = o2>Option 2
48
-
49
- <td>This box has an id
50
-
51
- </table>
52
-
53
-
54
-
55
-
1
+ <html>
2
+ <head>
3
+ <title>
4
+ Test page for select boxes
5
+ </title>
6
+ <link rel="stylesheet" type="text/css" href="watir_unit_tests.css">
7
+ </head>
8
+ <body>
9
+ CVS Revision: $Revision$
10
+ <br>
11
+ <br>
12
+ <table>
13
+
14
+ <tr>
15
+ <td>
16
+ <select name = sel1 class='list_style'>
17
+ <option value=o1 >Option 1
18
+ <option value=o2 >Option 2
19
+ <option value=o3 SELECTED >Option 3
20
+ <option value=o4 >Option 4
21
+ </select>
22
+ <tr>
23
+ <td>
24
+ <select name = sel2 multiple>
25
+ <option value=o1 >Option 1
26
+ <option value=o2 class='option_style'>Option 2
27
+ <option value=o3 class='option_style' SELECTED >Option 3
28
+ <option value=o4 class='option_style'>Option 4
29
+ <option value=o6 class='option_style'>Option 5
30
+ <option value=o6 class='option_style' SELECTED >Option 6
31
+
32
+
33
+ </form>
34
+
35
+ <tr>
36
+ <td>
37
+ <select name = sel3 onChange = 'javascript:document.location="pass.html";'>
38
+ <option value = o1>Option 1
39
+ <option value = o2>Option 2
40
+ <option value = o3 selected>Option 3
41
+ <option value = o4>Option 4
42
+ </select>
43
+
44
+ <td> This box is used for testing the onchange event
45
+
46
+ <tr>
47
+ <td><select id = 'selectbox_4' disabled><option value = o1>Option 1<option value = o2>Option 2
48
+
49
+ <td>This box has an id
50
+
51
+ </table>
52
+
56
53
  </html>
data/unittests/html/simple_table.html CHANGED
@@ -1,26 +1,26 @@
1
- <html>
2
- <head>
3
- <title>
4
- Test page for Tables
5
- </title>
6
- </head>
7
- <body>
8
- CVS Revision: "$Revision: 438 $"
9
- <br>
10
- <br>
11
- <table >
12
- <tr>
13
- <td> Row 1 Col1 </td>
14
- <td> Row 1 Col2 </td>
15
- </tr>
16
- <tr>
17
- <td> Row 2 Col1 </td>
18
- <td> Row 2 Col2 </td>
19
- </tr>
20
- <tr>
21
- <td> Row 3 Col1 </td>
22
- <td> Row 3 Col2 </td>
23
- </tr>
24
- </table>
25
- </body>
26
- </html>
1
+ <html>
2
+ <head>
3
+ <title>
4
+ Test page for Tables
5
+ </title>
6
+ </head>
7
+ <body>
8
+ CVS Revision: "$Revision$"
9
+ <br>
10
+ <br>
11
+ <table >
12
+ <tr>
13
+ <td> Row 1 Col1 </td>
14
+ <td> Row 1 Col2 </td>
15
+ </tr>
16
+ <tr>
17
+ <td> Row 2 Col1 </td>
18
+ <td> Row 2 Col2 </td>
19
+ </tr>
20
+ <tr>
21
+ <td> Row 3 Col1 </td>
22
+ <td> Row 3 Col2 </td>
23
+ </tr>
24
+ </table>
25
+ </body>
26
+ </html>
data/unittests/html/simple_table_buttons.html CHANGED
@@ -1,104 +1,104 @@
1
- <html>
2
- <head>
3
- <title>
4
- simple table buttons
5
- </title>
6
- </head>
7
- <body>
8
-
9
- <input type = text name="confirmtext">
10
- <table >
11
- <tr>
12
- <td> <input type = button value = "Click" id = "b1" onClick = "document.all.confirmtext.value = 'CLICK1';"><td>Click1 </td>
13
- </tr>
14
- <tr>
15
- <td> <input type = button value = "Click" onClick = "document.all.confirmtext.value = 'CLICK2';"><td>Click2 </td>
16
- </tr>
17
- <tr>
18
- <td> <input type = button value = "Click" onClick = "document.all.confirmtext.value = 'CLICK3';">
19
- <input type = button value = "Click too" onClick = "document.all.confirmtext.value = 'CLICK TOO';">
20
- <td>Click3</td>
21
- </tr>
22
- <tr>
23
- <td> <input type = text value = "Im a text field" ></td>
24
- </tr>
25
-
26
-
27
- <tr>
28
- <td>An input field and a button in the same cell<br> <input type = text name='same_cell' value = "Click ->" ><input type=button value = "Click To Change <-" onClick = "document.all.same_cell.value = '';" </td>
29
- </tr>
30
-
31
- </table>
32
-
33
- This table has 3 images in each row. Each is a seperate cell
34
- <table>
35
- <tr>
36
- <td><img src = images/1.gif><td><img src = images/2.gif><td><img src = images/3.gif>
37
- <tr>
38
- <td><img src = images/1.gif><td><img src = images/2.gif><td><img src = images/3.gif>
39
- <tr>
40
- <td><img src = images/1.gif><td><img src = images/2.gif><td><img src = images/3.gif>
41
- </table>
42
-
43
- This table has 3 images in each row. They are all in the same cell
44
- <table>
45
- <tr>
46
- <td><img src = images/1.gif><img src = images/2.gif><img src = images/3.gif>
47
- <tr>
48
- <td><img src = images/1.gif><img src = images/2.gif><img src = images/3.gif>
49
- <tr>
50
- <td><img src = images/1.gif><img src = images/2.gif><img src = images/3.gif>
51
- </table>
52
-
53
-
54
- <style type="text/css">
55
- div.hide { display: none; margin-left: auto; margin-right: auto; }
56
- div.show { display: block; margin-left: auto; margin-right: auto; }
57
-
58
- tr.hide { display: none; margin-left: auto; margin-right: auto; }
59
- tr.show { display: block; margin-left: auto; margin-right: auto; }
60
-
61
- </style>
62
-
63
-
64
- <script language=javascript>
65
-
66
- function expand_or_shrink_row( row ) {
67
-
68
- which_row = 'r' + row;
69
- which_image = 'i' + row;
70
- if ( document.getElementById(which_row).className=='hide' ){
71
- document.getElementById(which_row).className='show';
72
- document.getElementById(which_image).src='images/minus.gif';
73
-
74
- }
75
- else {
76
- document.getElementById(which_row).className='hide'
77
- document.getElementById(which_image).src='images/plus.gif'
78
- }
79
-
80
- }
81
-
82
- </script>
83
-
84
- The table below can show or hide its rows. Click the + (or -) to show or hide the row
85
- <table id=show_hide>
86
- <tr><td><img id=i1 width=30 height=30 src = images/plus.gif onClick='javascript:expand_or_shrink_row("1")'>
87
- <tr class = hide id=r1><td>Line 1
88
- <tr><td><img id=i2 width=30 height=30 src = images/plus.gif onClick='javascript:expand_or_shrink_row("2")'>
89
- <tr class = hide id=r2><td>Line 2
90
- <tr><td><img id=i3 width=30 height=30 src = images/plus.gif onClick='javascript:expand_or_shrink_row("3")'>
91
- <tr class = hide id=r3><td>Line 3
92
- <tr><td><img id=i4 width=30 height=30 src = images/plus.gif onClick='javascript:expand_or_shrink_row("4")'>
93
- <tr class = hide id=r4><td>Line 4
94
- <tr><td><img id=i5 width=30 height=30 src = images/plus.gif onClick='javascript:expand_or_shrink_row("5")'>
95
- <tr class = hide id=r5><td>Line 5
96
- </table>
97
-
98
-
99
-
100
-
101
-
102
- </body>
103
-
104
- </html>
1
+ <html>
2
+ <head>
3
+ <title>
4
+ simple table buttons
5
+ </title>
6
+ </head>
7
+ <body>
8
+
9
+ <input type = text name="confirmtext">
10
+ <table >
11
+ <tr>
12
+ <td> <input type = button value = "Click" id = "b1" onClick = "document.all.confirmtext.value = 'CLICK1';"><td>Click1 </td>
13
+ </tr>
14
+ <tr>
15
+ <td> <input type = button value = "Click" onClick = "document.all.confirmtext.value = 'CLICK2';"><td>Click2 </td>
16
+ </tr>
17
+ <tr>
18
+ <td> <input type = button value = "Click" onClick = "document.all.confirmtext.value = 'CLICK3';">
19
+ <input type = button value = "Click too" onClick = "document.all.confirmtext.value = 'CLICK TOO';">
20
+ <td>Click3</td>
21
+ </tr>
22
+ <tr>
23
+ <td> <input type = text value = "Im a text field" ></td>
24
+ </tr>
25
+
26
+
27
+ <tr>
28
+ <td>An input field and a button in the same cell<br> <input type = text name='same_cell' value = "Click ->" ><input type=button value = "Click To Change <-" onClick = "document.all.same_cell.value = '';" </td>
29
+ </tr>
30
+
31
+ </table>
32
+
33
+ This table has 3 images in each row. Each is a seperate cell
34
+ <table>
35
+ <tr>
36
+ <td><img src = images/1.gif><td><img src = images/2.gif><td><img src = images/3.gif>
37
+ <tr>
38
+ <td><img src = images/1.gif><td><img src = images/2.gif><td><img src = images/3.gif>
39
+ <tr>
40
+ <td><img src = images/1.gif><td><img src = images/2.gif><td><img src = images/3.gif>
41
+ </table>
42
+
43
+ This table has 3 images in each row. They are all in the same cell
44
+ <table>
45
+ <tr>
46
+ <td><img src = images/1.gif><img src = images/2.gif><img src = images/3.gif>
47
+ <tr>
48
+ <td><img src = images/1.gif><img src = images/2.gif><img src = images/3.gif>
49
+ <tr>
50
+ <td><img src = images/1.gif><img src = images/2.gif><img src = images/3.gif>
51
+ </table>
52
+
53
+
54
+ <style type="text/css">
55
+ div.hide { display: none; margin-left: auto; margin-right: auto; }
56
+ div.show { display: block; margin-left: auto; margin-right: auto; }
57
+
58
+ tr.hide { display: none; margin-left: auto; margin-right: auto; }
59
+ tr.show { display: block; margin-left: auto; margin-right: auto; }
60
+
61
+ </style>
62
+
63
+
64
+ <script language=javascript>
65
+
66
+ function expand_or_shrink_row( row ) {
67
+
68
+ which_row = 'r' + row;
69
+ which_image = 'i' + row;
70
+ if ( document.getElementById(which_row).className=='hide' ){
71
+ document.getElementById(which_row).className='show';
72
+ document.getElementById(which_image).src='images/minus.gif';
73
+
74
+ }
75
+ else {
76
+ document.getElementById(which_row).className='hide'
77
+ document.getElementById(which_image).src='images/plus.gif'
78
+ }
79
+
80
+ }
81
+
82
+ </script>
83
+
84
+ The table below can show or hide its rows. Click the + (or -) to show or hide the row
85
+ <table id=show_hide>
86
+ <tr><td><img id=i1 width=30 height=30 src = images/plus.gif onClick='javascript:expand_or_shrink_row("1")'>
87
+ <tr class = hide id=r1><td>Line 1
88
+ <tr><td><img id=i2 width=30 height=30 src = images/plus.gif onClick='javascript:expand_or_shrink_row("2")'>
89
+ <tr class = hide id=r2><td>Line 2
90
+ <tr><td><img id=i3 width=30 height=30 src = images/plus.gif onClick='javascript:expand_or_shrink_row("3")'>
91
+ <tr class = hide id=r3><td>Line 3
92
+ <tr><td><img id=i4 width=30 height=30 src = images/plus.gif onClick='javascript:expand_or_shrink_row("4")'>
93
+ <tr class = hide id=r4><td>Line 4
94
+ <tr><td><img id=i5 width=30 height=30 src = images/plus.gif onClick='javascript:expand_or_shrink_row("5")'>
95
+ <tr class = hide id=r5><td>Line 5
96
+ </table>
97
+
98
+
99
+
100
+
101
+
102
+ </body>
103
+
104
+ </html>