Skip to main content

Bug Tracker

Side navigation

Ticket #4739: resize_contain_test.html


File resize_contain_test.html, 1.0 KB (added by gabrielle27, June 08, 2009 04:34PM UTC)

a standalone html file demonstrating the bug

<html>
<head>
	<title>Resizable Containment Test</title>
	
	<link type="text/css" href="http://jqueryui.com/themes/base/ui.all.css" rel="stylesheet" />
	<script type="text/javascript" src="http://jqueryui.com/jquery-1.3.2.js"></script>
		<script type="text/javascript" src="http://jqueryui.com/ui/ui.core.js"></script>
		<script type="text/javascript" src="http://jqueryui.com/ui/ui.resizable.js"></script>
			
</head>

<script type="text/javascript">
	$(function() {
		$("#resizable").resizable({
			containment : '#container',
			handles     : 'all'
		});
	});
</script>
<div id="spacer1" style="width:100px;height:100px;background-color:yellow;"></div>
<div id="spacer2" style="width:100px;height:300px;float:left;background-color:yellow;"></div>	
<div id="container" style="float:left;background-color:blue;width:300px;height:300px;">
	<div id="resizable" style="background-color:red;position:absolute;top:200px;left:200px;width:100px;height:100px;">
	</div>
</div>
<div id="spacer3" style="clear:both;width:100px;height:100px;background-color:yellow;"></div>

Download in other formats:

Original Format