2011-08-03 21:12:44 +00:00
|
|
|
<!doctype html>
|
2009-01-07 03:31:15 +00:00
|
|
|
<html lang="en">
|
|
|
|
<head>
|
2011-08-03 21:12:44 +00:00
|
|
|
<meta charset="utf-8">
|
2009-01-07 03:31:15 +00:00
|
|
|
<title>jQuery UI Resizable Test Suite</title>
|
|
|
|
|
2015-04-06 18:33:25 +00:00
|
|
|
<script src="../../lib/css.js" data-modules="core resizable"></script>
|
|
|
|
<script src="../../lib/bootstrap.js" data-widget="resizable"></script>
|
2012-07-10 08:02:25 +00:00
|
|
|
<style>
|
2012-12-03 15:36:55 +00:00
|
|
|
#container {
|
|
|
|
width: 300px;
|
|
|
|
height: 200px;
|
|
|
|
}
|
|
|
|
#resizable1 {
|
|
|
|
background: green;
|
|
|
|
height: 100px;
|
|
|
|
width: 100px;
|
|
|
|
}
|
|
|
|
#resizable2 {
|
|
|
|
height: 100px;
|
|
|
|
width: 100px;
|
|
|
|
}
|
2013-11-07 14:39:51 +00:00
|
|
|
#container2 {
|
|
|
|
position: relative;
|
|
|
|
width: 400px;
|
|
|
|
height: 400px;
|
|
|
|
margin: 30px 0 0 30px;
|
|
|
|
}
|
|
|
|
#parent {
|
|
|
|
position: relative;
|
|
|
|
width: 300px;
|
|
|
|
height: 300px;
|
|
|
|
}
|
|
|
|
#child {
|
|
|
|
position: relative;
|
|
|
|
width: 100px;
|
|
|
|
height: 100px;
|
|
|
|
}
|
2012-07-10 08:02:25 +00:00
|
|
|
</style>
|
2009-01-07 03:31:15 +00:00
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
|
2014-02-20 16:02:23 +00:00
|
|
|
<div id="qunit"></div>
|
2011-02-23 11:46:13 +00:00
|
|
|
<div id="qunit-fixture">
|
2009-01-07 03:31:15 +00:00
|
|
|
|
2012-12-03 15:36:55 +00:00
|
|
|
<div id="container">
|
|
|
|
<div id="resizable1">I'm a resizable.</div>
|
2013-11-14 12:40:57 +00:00
|
|
|
<div id="resizer1" class="ui-resizable-handle ui-resizable-s"></div>
|
2012-12-03 15:36:55 +00:00
|
|
|
</div>
|
2013-11-07 14:39:51 +00:00
|
|
|
|
|
|
|
<div id="container2">
|
|
|
|
<div id="parent">
|
|
|
|
<div id="child">I'm a resizable.</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2012-07-10 08:02:25 +00:00
|
|
|
<img src="images/test.jpg" id="resizable2" alt="solid gray">
|
2011-08-03 21:12:44 +00:00
|
|
|
|
|
|
|
</div>
|
2009-01-07 03:31:15 +00:00
|
|
|
</body>
|
|
|
|
</html>
|