1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 1.2 +++ b/dom/tests/mochitest/ajax/jquery/test/data/offset/table.html Wed Dec 31 06:09:35 2014 +0100 1.3 @@ -0,0 +1,43 @@ 1.4 +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 1.5 + "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 1.6 +<html> 1.7 + <head> 1.8 + <meta http-equiv="Content-type" content="text/html; charset=utf-8"> 1.9 + <title>table</title> 1.10 + <style type="text/css" media="screen"> 1.11 + body { margin: 1px; padding: 5px; } 1.12 + table { border: 2px solid #000; } 1.13 + th, td { border: 1px solid #000; width: 100px; height: 100px; } 1.14 + #marker { position: absolute; border: 2px solid #000; width: 50px; height: 50px; background: #ccc; } 1.15 + </style> 1.16 + <script type="text/javascript" src="../../../dist/jquery.js"></script> 1.17 + <script type="text/javascript" charset="utf-8"> 1.18 + $(function() { 1.19 + $('table, th, td').click(function() { 1.20 + $('#marker').css( $(this).offset() ); 1.21 + return false; 1.22 + }); 1.23 + }); 1.24 + </script> 1.25 + </head> 1.26 + <body> 1.27 + <table id="table-1"> 1.28 + <thead> 1.29 + <tr valign="top"> 1.30 + <th id="th-1">th-1</th> 1.31 + <th id="th-2">th-2</th> 1.32 + <th id="th-3">th-3</th> 1.33 + </tr> 1.34 + </thead> 1.35 + <tbody> 1.36 + <tr valign="top"> 1.37 + <td id="td-1">td-1</td> 1.38 + <td id="td-2">td-2</td> 1.39 + <td id="td-3">td-3</td> 1.40 + </tr> 1.41 + </tbody> 1.42 + </table> 1.43 + <div id="marker"></div> 1.44 + <p class="instructions">Click the white box to move the marker to it.</p> 1.45 + </body> 1.46 +</html> 1.47 \ No newline at end of file