| <!DOCTYPE html> |
| <style> |
| body { |
| font: 10px/1 Ahem; |
| } |
| |
| tr:hover { |
| background-color: green; |
| } |
| |
| table { |
| position:relative; |
| top: 180px; |
| } |
| </style> |
| <script src="resources/text-based-repaint.js" type="text/javascript"></script> |
| <script> |
| function repaintTest() |
| { |
| var secondRowSpan = document.getElementById("secondRowSpan"); |
| var secondRowSpanBox = secondRowSpan.getBoundingClientRect(); |
| var secondRowSpanCenterX = (secondRowSpanBox.left + secondRowSpanBox.right) / 2; |
| var secondRowSpanCenterY = (secondRowSpanBox.top + secondRowSpanBox.bottom) / 2; |
| |
| if (window.eventSender) { |
| eventSender.mouseMoveTo(secondRowSpanCenterX, secondRowSpanCenterY); |
| eventSender.mouseDown(); |
| eventSender.mouseUp(); |
| } |
| } |
| |
| window.addEventListener("load", runRepaintTest); |
| </script> |
| <table> |
| <tr> |
| <td rowspan="2">1,1</td> |
| <td>1,4</td> |
| </tr> |
| <tr> |
| <td>2,3</td> |
| </tr> |
| <tr class="bla"> |
| <td rowspan="2" id="secondRowSpan">3,1</td> |
| <td>3,4</td> |
| </tr> |
| <tr> |
| <td>4,4</td> |
| </tr> |
| </table> |