dom/tests/mochitest/ajax/jquery/test/data/offset/table.html

changeset 0
6474c204b198
     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

mercurial