Untitled

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">

<html lang="en">
<head>
	<script type='text/javascript' src='http://jquery.com/src/jquery-latest.pack.js'></script>
	<script type='text/javascript' src='http://interface.eyecon.ro/interface/interface.js'></script>
	<script type='text/javascript' src='interface/compressed/uitil.js'></script>
	<script type='text/javascript' src='interface/compressed/iresizable.js'></script>
	<script type='text/javascript'>
		$(document).ready(function(){
		    
		    $('#resize').Resizable(
            			{
            				minWidth: 50,
            				minHeight: 50,
            				maxWidth: 400,
            				maxHeight: 400,
            				minTop: 10,
            				minLeft: 10,
            				maxRight: 700,
            				maxBottom: 350,
            				handlers: {
            					es: '#handle'
            				},
            				onResize: function()
            				{
            					var $width = $(this).width();
            					var $height = $(this).height();
            				}
            			}
            		);
			
		});
	</script>
</head>
<body>
    
    <textarea id='resize'>HELLO!</textarea>
    <div id='handle' style="height: 20px; width: 20px; display: block; backround-color: black;">ME</div>

</body>
</html>