Skip to main content

Search and Top Navigation

Ticket #4893: test.html

File test.html, 1.7 KB (added by jakobusrex, October 05, 2009 01:01PM UTC)

bug test case

<!DOCTYPE html>
	<link type="text/css" href="" rel="stylesheet" />
	<!-- include jquery -->
	<script type="text/javascript" src=""></script>

	<!-- include jquery.ui components -->
	<script type="text/javascript" src=""></script>
	<script type="text/javascript" src=""></script>
	<script type="text/javascript" src=""></script>

	<style type="text/css">
		#resizable { width: 100px; height: 100px; background: silver;  border: 2px dotted black;}

	<script type="text/javascript">

	// patch it...
	function applyPatch()
		$.ui.plugin.add("resizable", "isDraggable",
			start: function(event, ui)
				var scroll = ui.element.scrollParent();
				{ += scroll.scrollTop(); += scroll.scrollTop();

					ui.originalPosition.left += scroll.scrollLeft();
					ui.position.left += scroll.scrollLeft();

		$("#resizable").resizable({ handles: 'all', isDraggable: true});

<body style="font-size:62.5%;">

<a href="#" onclick="applyPatch();"> apply patch! </a>

<div id="imgdivholder" style="width:500px; height:500px; overflow:auto; position:relative;" >
	<div id="resizable" style="position: absolute;"></div>
	<img id="image" src = ""/>


Download in other formats:

Original Format