jquery/test/data/offset/absolute.html

<!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>absolute</title>
		<style type="text/css" media="screen">
			body { margin: 1px; padding: 5px; }
			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-1 { top: 1px; left: 1px; }
					#absolute-1-1-1 { top: 1px; left: 1px; }
			#absolute-2 { top: 19px; left: 19px; }
			#marker { position: absolute; border: 2px solid #000; width: 50px; height: 50px; background: #ccc; }
			p.instructions { position: absolute; bottom: 0; }
			#positionTest { position: absolute; }
		</style>
		<script src="../../../src/core.js"></script>
		<script src="../../../src/support.js"></script>
		<script src="../../../src/sizzle/sizzle.js"></script>
		<script src="../../../src/sizzle-jquery.js"></script>
		<script src="../../../src/traversing.js"></script>
		<script src="../../../src/data.js"></script>
		<script src="../../../src/event.js"></script>
		<script src="../../../src/css.js"></script>
		<script src="../../../src/offset.js"></script>
		<script type="text/javascript" src="../../../dist/jquery.js"></script>
		<script type="text/javascript" charset="utf-8">
			jQuery(function($) {
				$('.absolute').click(function() {
					$('#marker').css( $(this).offset() );
					var pos = $(this).position();
					$(this).css({ top: pos.top, left: pos.left });
					return false;
				});
			});
		</script>
	</head>
	<body>
		<div id="absolute-1" class="absolute">absolute-1
			<div id="absolute-1-1" class="absolute">absolute-1-1
				<div id="absolute-1-1-1" class="absolute">absolute-1-1-1</div>
			</div>
		</div>
		<div id="absolute-2" class="absolute">absolute-2</div>
		<div id="positionTest">Has absolute position but no values set for the location ('auto').</div>
		<div id="marker"></div>
		<p class="instructions">Click the white box to move the marker to it. Clicking the box also changes the position to absolute (if not already) and sets the position according to the position method.</p>
	</body>
</html>
Beginnings of the offset test suite 2007-12-04 21:51:16 +01:00			`<!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>absolute</title>`
			`<style type="text/css" media="screen">`
			`body { margin: 1px; padding: 5px; }`
Added visual marker to absolute fixture for offset testing 2007-12-04 21:59:33 +01:00			`div.absolute { position: absolute; margin: 1px; border: 2px solid #000; padding: 5px; width: 100px; height: 100px; background: #fff; }`
Beginnings of the offset test suite 2007-12-04 21:51:16 +01:00			`#absolute-1 { top: 0; left: 0; }`
			`#absolute-1-1 { top: 1px; left: 1px; }`
			`#absolute-1-1-1 { top: 1px; left: 1px; }`
			`#absolute-2 { top: 19px; left: 19px; }`
Added visual marker to absolute fixture for offset testing 2007-12-04 21:59:33 +01:00			`#marker { position: absolute; border: 2px solid #000; width: 50px; height: 50px; background: #ccc; }`
Added some unit tests for position method. Fixed issue with position in IE. 2008-05-15 21:38:00 +02:00			`p.instructions { position: absolute; bottom: 0; }`
Fixed an issue with setting offset of absolutely positioned element that has no position values ("auto"). Fixes #5781. 2010-03-23 01:11:37 +01:00			`#positionTest { position: absolute; }`
Beginnings of the offset test suite 2007-12-04 21:51:16 +01:00			`</style>`
Make sure the offset tests work without a built jQuery file. 2010-03-23 21:37:40 +01:00			`<script src="../../../src/core.js"></script>`
			`<script src="../../../src/support.js"></script>`
			`<script src="../../../src/sizzle/sizzle.js"></script>`
			`<script src="../../../src/sizzle-jquery.js"></script>`
			`<script src="../../../src/traversing.js"></script>`
			`<script src="../../../src/data.js"></script>`
			`<script src="../../../src/event.js"></script>`
			`<script src="../../../src/css.js"></script>`
			`<script src="../../../src/offset.js"></script>`
Beginnings of the offset test suite 2007-12-04 21:51:16 +01:00			`<script type="text/javascript" src="../../../dist/jquery.js"></script>`
Added visual marker to absolute fixture for offset testing 2007-12-04 21:59:33 +01:00			`<script type="text/javascript" charset="utf-8">`
Moved jQuery global leak to end of file so accidental gEBCN overrides in prototype don't get caught up in confusion. Fixed tests to reference jQuery variable instead of $ (best practice). Fixes #8033 2011-01-24 04:19:33 +01:00			`jQuery(function($) {`
Added visual marker to absolute fixture for offset testing 2007-12-04 21:59:33 +01:00			`$('.absolute').click(function() {`
			`$('#marker').css( $(this).offset() );`
Added some unit tests for position method. Fixed issue with position in IE. 2008-05-15 21:38:00 +02:00			`var pos = $(this).position();`
			`$(this).css({ top: pos.top, left: pos.left });`
Added visual marker to absolute fixture for offset testing 2007-12-04 21:59:33 +01:00			`return false;`
			`});`
			`});`
			`</script>`
Beginnings of the offset test suite 2007-12-04 21:51:16 +01:00			`</head>`
			`<body>`
			`<div id="absolute-1" class="absolute">absolute-1`
			`<div id="absolute-1-1" class="absolute">absolute-1-1`
			`<div id="absolute-1-1-1" class="absolute">absolute-1-1-1</div>`
			`</div>`
			`</div>`
			`<div id="absolute-2" class="absolute">absolute-2</div>`
Fixed an issue with setting offset of absolutely positioned element that has no position values ("auto"). Fixes #5781. 2010-03-23 01:11:37 +01:00			`<div id="positionTest">Has absolute position but no values set for the location ('auto').</div>`
Added visual marker to absolute fixture for offset testing 2007-12-04 21:59:33 +01:00			`<div id="marker"></div>`
Added some unit tests for position method. Fixed issue with position in IE. 2008-05-15 21:38:00 +02:00			`<p class="instructions">Click the white box to move the marker to it. Clicking the box also changes the position to absolute (if not already) and sets the position according to the position method.</p>`
Beginnings of the offset test suite 2007-12-04 21:51:16 +01:00			`</body>`
Make sure the offset tests work without a built jQuery file. 2010-03-23 21:37:40 +01:00			`</html>`