| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <style> | 2 <style> |
| 3 body { | 3 body { |
| 4 font: 10px/1 Ahem; | 4 font: 10px/1 Ahem; |
| 5 } | 5 } |
| 6 | 6 |
| 7 tr:hover { | 7 tr:hover { |
| 8 background-color: green; | 8 background-color: green; |
| 9 } | 9 } |
| 10 | 10 |
| 11 table { | 11 table { |
| 12 position:relative; | 12 position:relative; |
| 13 top: 180px; | 13 top: 180px; |
| 14 } | 14 } |
| 15 </style> | 15 </style> |
| 16 <script src="resources/text-based-repaint.js" type="text/javascript"></script> | 16 <script src="resources/repaint.js" type="text/javascript"></script> |
| 17 <script> | 17 <script> |
| 18 function repaintTest() | 18 function repaintTest() |
| 19 { | 19 { |
| 20 var secondRowSpan = document.getElementById("secondRowSpan"); | 20 var secondRowSpan = document.getElementById("secondRowSpan"); |
| 21 var secondRowSpanBox = secondRowSpan.getBoundingClientRect(); | 21 var secondRowSpanBox = secondRowSpan.getBoundingClientRect(); |
| 22 var secondRowSpanCenterX = (secondRowSpanBox.left + secondRowSpanBox.right)
/ 2; | 22 var secondRowSpanCenterX = (secondRowSpanBox.left + secondRowSpanBox.right)
/ 2; |
| 23 var secondRowSpanCenterY = (secondRowSpanBox.top + secondRowSpanBox.bottom)
/ 2; | 23 var secondRowSpanCenterY = (secondRowSpanBox.top + secondRowSpanBox.bottom)
/ 2; |
| 24 | 24 |
| 25 if (window.eventSender) { | 25 if (window.eventSender) { |
| 26 eventSender.mouseMoveTo(secondRowSpanCenterX, secondRowSpanCenterY); | 26 eventSender.mouseMoveTo(secondRowSpanCenterX, secondRowSpanCenterY); |
| (...skipping 13 matching lines...) Expand all Loading... |
| 40 <td>2,3</td> | 40 <td>2,3</td> |
| 41 </tr> | 41 </tr> |
| 42 <tr class="bla"> | 42 <tr class="bla"> |
| 43 <td rowspan="2" id="secondRowSpan">3,1</td> | 43 <td rowspan="2" id="secondRowSpan">3,1</td> |
| 44 <td>3,4</td> | 44 <td>3,4</td> |
| 45 </tr> | 45 </tr> |
| 46 <tr> | 46 <tr> |
| 47 <td>4,4</td> | 47 <td>4,4</td> |
| 48 </tr> | 48 </tr> |
| 49 </table> | 49 </table> |
| OLD | NEW |