deac/jquery
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Added visual marker to absolute fixture for offset testing

Browse source
This commit is contained in:
Brandon Aaron 2007-12-04 20:59:33 +00:00
parent e317bb7105
commit 4fc2971019
1 changed files with 11 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
test/data/offset/absolute.html
View file

@ -6,14 +6,22 @@
<title>absolute</title> <title>absolute</title>
<style type="text/css" media="screen"> <style type="text/css" media="screen">
body { margin: 1px; padding: 5px; } body { margin: 1px; padding: 5px; }
div.absolute { position: absolute; margin: 1px; border: 2px solid #000; padding: 5px; width: 100px; height: 100px; } div.absolute { position: absolute; margin: 1px; border: 2px solid #000; padding: 5px; width: 100px; height: 100px; background: #fff; }
#absolute-1 { top: 0; left: 0; } #absolute-1 { top: 0; left: 0; }
#absolute-1-1 { top: 1px; left: 1px; } #absolute-1-1 { top: 1px; left: 1px; }
#absolute-1-1-1 { top: 1px; left: 1px; } #absolute-1-1-1 { top: 1px; left: 1px; }
#absolute-2 { top: 19px; left: 19px; } #absolute-2 { top: 19px; left: 19px; }
#marker { position: absolute; border: 2px solid #000; width: 50px; height: 50px; background: #ccc; }
</style> </style>
<script type="text/javascript" src="../../../dist/jquery.js"></script> <script type="text/javascript" src="../../../dist/jquery.js"></script>
<script type="text/javascript" charset="utf-8"> $(function() { return; }); </script> <script type="text/javascript" charset="utf-8">
$(function() {
$('.absolute').click(function() {
$('#marker').css( $(this).offset() );
return false;
});
});
</script>
</head> </head>
<body> <body>
<div id="absolute-1" class="absolute">absolute-1 <div id="absolute-1" class="absolute">absolute-1
@ -22,5 +30,6 @@
</div> </div>
</div> </div>
<div id="absolute-2" class="absolute">absolute-2</div> <div id="absolute-2" class="absolute">absolute-2</div>
<div id="marker"></div>
</body> </body>
</html> </html>