library-mirrors/jquery-ui
1
0
Fork 0
mirror of https://github.com/jquery/jquery-ui.git synced 2024-11-21 11:04:24 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

demos/resizable/containment.html - switched to framework classes

Browse Source
This commit is contained in:
Richard Worth 2008-12-30 05:54:19 +00:00
parent b5eb51943e
commit bf14d0a73d
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
demos/resizable/containment.html
View File

@ -7,6 +7,11 @@
<script type="text/javascript" src="../../jquery-1.2.6.js"></script> <script type="text/javascript" src="../../jquery-1.2.6.js"></script>
<script type="text/javascript" src="../../ui/ui.core.js"></script> <script type="text/javascript" src="../../ui/ui.core.js"></script>
<script type="text/javascript" src="../../ui/ui.resizable.js"></script> <script type="text/javascript" src="../../ui/ui.resizable.js"></script>
<style type="text/css">
#resizable { background-position: top left; width: 150px; height: 150px; }
#resizable, #container { padding: 0.5em; }
#container { width: 300px; height: 300px; }
</style>
<script type="text/javascript"> <script type="text/javascript">
$(function() { $(function() {
$("#resizable").resizable({ $("#resizable").resizable({
@ -17,8 +22,9 @@
</head> </head>
<body> <body>
<div id="container" style="width: 600px; height: 600px; background-color: #0f0;"> <div id="container" class="ui-widget-content">
<div id="resizable" style="width: 200px; height: 200px; background-color: #f00;"> <p>Container</p>
<div id="resizable" class="ui-widget-header">
<p>Resize me</p> <p>Resize me</p>
</div> </div>
</div> </div>