pav
10/2/2013 - 8:55 PM

resizable.css

resizable.js
content_copyfile_download
$(function () {
    // Write the code to select resizeMe and apply the 
    // resizeable attribute here.
    $('#resizeMe').resizable()
});
resizable.html
content_copyfile_download
<!DOCTYPE html>
<html>
<head>
    <script
src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"
type="text/javascript"></script>
    <script src="script.js"></script>
    <link rel="stylesheet" href="style.css" type="text/css"/>
    <link rel="stylesheet" type="text/css"
    href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/base/jquery-ui.css"/>
</head>
<body>

    <!-- This will be resizable -->
    <div id="resizeMe">
        Use the bottom right corner to resize me!
    </div>

	</body>
</html>
resizable.css
content_copyfile_download
#resizeMe{
text-align:center;
font-weight:bold;
font-family:sans-serif;
width: 150px; 
height: 150px; 
background-color: blue;
color: white;
}