resizable() interaction in jQuery UI


when you are goning to use the resizable interaction don’t forget to link up its css file.If you missed it the result will not be shown precisely.


<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “”&gt;
<html xmlns=””&gt;
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>Untitled Document</title>
<link type=”text/css” rel=”stylesheet” href=”ui/jquery.ui.resizable.css” />
<script type=”text/javascript” src=”jquery.js”></script>
<script type=”text/javascript” src=”ui/ui/jquery-ui.js”></script>
<script type=”text/javascript”>

start: function(){
// wher the resize is start
stop: function(){
// when the resize is stop
resize: function(){
// when it resizing



<style type=”text/css”>
background-color: #0CF;

<div id=”hell”> </div>


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s