OLD | NEW |
| (Empty) |
1 <html> | |
2 <head> | |
3 <title>colSpan test</title> | |
4 | |
5 <script type="text/javascript"> | |
6 | |
7 function colSpanOne() { | |
8 var x=document.getElementById('myTable1').rows[0].cells | |
9 x[0].colSpan="" | |
10 x[1].colSpan="7" | |
11 } | |
12 | |
13 function colSpanTwo() { | |
14 var x=document.getElementById('myTable2').rows[0].cells | |
15 x[0].colSpan="0" | |
16 x[1].colSpan="0" | |
17 } | |
18 | |
19 </script> | |
20 </head> | |
21 | |
22 <body onload = "colSpanOne(); colSpanTwo()"> | |
23 <p>Tests: the colspan attribute<br> | |
24 </p> | |
25 <p>Conditions:<br> | |
26 The colSpan attribute specifies the number of columns spanned by the current cel
l. The default value of | |
27 this attribute is one ("1"). The value zero ("0") means that the cell spans all
columns from the current | |
28 column to the last column of the column group (COLGROUP) in which the cell is de
fined. | |
29 </p> | |
30 <p>The first table tests the default value of one, and an input of 7, which is w
ithin the normal range of expect input. | |
31 The first column in the first row should span only column "one" and the second c
ell should span all of the other columns. | |
32 The second table tests the zero value. "Just A" should span "A" and "Just B" sho
uld span "B." | |
33 </p> | |
34 <hr> | |
35 | |
36 <br> | |
37 <table id="myTable1" border="1"> | |
38 <caption>Testing Default and Regular Input</caption> | |
39 <tr> | |
40 <td colspan="4">First</td> | |
41 <td colspan="4">All the Rest</td> | |
42 </tr> | |
43 <tr> | |
44 <td>one</td> | |
45 <td>two</td> | |
46 <td>three</td> | |
47 <td>four</td> | |
48 <td>five</td> | |
49 <td>six</td> | |
50 <td>seven</td> | |
51 <td>eight</td> | |
52 </tr> | |
53 </table> | |
54 | |
55 <br> | |
56 <table id="myTable2" border="1"> | |
57 <caption>Testing Zero Special Case</caption> | |
58 <tr> | |
59 <td colspan="4">Just A</td> | |
60 <td colspan="4">Just B</td> | |
61 </tr> | |
62 <tr> | |
63 <td>A</td> | |
64 <td>B</td> | |
65 <td>C</td> | |
66 <td>D</td> | |
67 <td>E</td> | |
68 <td>F</td> | |
69 <td>G</td> | |
70 <td>H</td> | |
71 </tr> | |
72 </table> | |
73 | |
74 </body> | |
75 | |
76 </html> | |
77 | |
OLD | NEW |