Added more unit tests for offset. Fixed an offset issue relating to table header...
[jquery.git] / test / data / offset / table.html
diff --git a/test/data/offset/table.html b/test/data/offset/table.html
new file mode 100644 (file)
index 0000000..f10b76d
--- /dev/null
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html>
+       <head>
+               <meta http-equiv="Content-type" content="text/html; charset=utf-8">
+               <title>table</title>
+               <style type="text/css" media="screen">
+                       body { margin: 1px; padding: 5px; }
+                       table { border: 2px solid #000; }
+                       th, td { border: 1px solid #000; width: 100px; height: 100px; }
+                       #marker { position: absolute; border: 2px solid #000; width: 50px; height: 50px; background: #ccc; }
+               </style>
+               <script type="text/javascript" src="../../../dist/jquery.js"></script>
+               <script type="text/javascript" charset="utf-8">
+                       $(function() {
+                               $('table, th, td').click(function() {
+                                       $('#marker').css( $(this).offset() );
+                                       return false;
+                               });
+                       });
+               </script>
+       </head>
+       <body>
+               <table id="table-1">
+                       <thead>
+                               <tr valign="top">
+                                       <th id="th-1">th-1</th>
+                                       <th id="th-2">th-2</th>
+                                       <th id="th-3">th-3</th>
+                               </tr>
+                       </thead>
+                       <tbody>
+                               <tr valign="top">
+                                       <td id="td-1">td-1</td>
+                                       <td id="td-2">td-2</td>
+                                       <td id="td-3">td-3</td>
+                               </tr>
+                       </tbody>
+               </table>
+               <div id="marker"></div>
+       </body>
+</html>
\ No newline at end of file