r1409 - trunk/demos/draggable
Author: paul.bakaus
Date: Wed Dec 31 07:14:06 2008
New Revision: 1409
Added:
trunk/demos/draggable/containment_iframe.html
Modified:
trunk/demos/draggable/containment.html
Log:
demos: added inner iframe for draggable containment demo
Modified: trunk/demos/draggable/containment.html
==============================================================================
--- trunk/demos/draggable/containment.html (original)
+++ trunk/demos/draggable/containment.html Wed Dec 31 07:14:06 2008
@@ -2,47 +2,15 @@
<html lang="en">
<head>
<title>jQuery UI Draggable - Containment</title>
- <link type="text/css" href="../../themes/default/ui.all.css"
rel="stylesheet" />
- <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.draggable.js"></script>
<link type="text/css" href="../demos.css" rel="stylesheet" />
- <style type="text/css">
- .ui-widget-content { width: 100px; height: 100px; padding: 0.5em; float:
left; margin: 5px; }
+ <style type="text/css" media="screen">
+ body,html {
+ padding:0;margin:0;width:100%;height:100%;
+ }
</style>
- <script type="text/javascript">
- $(function() {
- $("#draggable").draggable({ containment: 'window', scroll: false });
- $("#draggable2").draggable({ containment: 'document' });
- $("#draggable3").draggable({ containment: 'parent' });
- });
- </script>
</head>
<body>
-<div class="demo">
-
-<div id="draggable" class="ui-widget-content">
- I'm contained within the window
-</div>
-
-<div id="draggable2" class="ui-widget-content">
- I'm contained within the document
-</div>
-
-<div class="ui-widget-content">
- <p id="draggable3" class='ui-widget-header'>I'm contained within my
parent
-</div>
-
-</div><!-- End demo -->
-
-<div class="demo-description">
-
-
-<!-- Add description here -->
-
-
-</div><!-- End demo-description -->
-<div style='width: 1px; height: 500px;'></div>
+<iframe frameborder='0' style='width: 100%; height: 99%;'
src='containment_iframe.html'></iframe>
</body>
</html>
Added: trunk/demos/draggable/containment_iframe.html
==============================================================================
--- (empty file)
+++ trunk/demos/draggable/containment_iframe.html Wed Dec 31 07:14:06 2008
@@ -0,0 +1,48 @@
+<!doctype html>
+<html lang="en">
+<head>
+ <title>jQuery UI Draggable - Containment</title>
+ <link type="text/css" href="../../themes/default/ui.all.css"
rel="stylesheet" />
+ <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.draggable.js"></script>
+ <link type="text/css" href="../demos.css" rel="stylesheet" />
+ <style type="text/css">
+ .ui-widget-content { width: 100px; height: 100px; padding: 0.5em; float:
left; margin: 5px; }
+ </style>
+ <script type="text/javascript">
+ $(function() {
+ $("#draggable").draggable({ containment: 'window', scroll: false });
+ $("#draggable2").draggable({ containment: 'document' });
+ $("#draggable3").draggable({ containment: 'parent' });
+ });
+ </script>
+</head>
+<body>
+<div class="demo">
+
+<div id="draggable" class="ui-widget-content">
+ I'm contained within the window
+</div>
+
+<div id="draggable2" class="ui-widget-content">
+ I'm contained within the document
+</div>
+
+<div class="ui-widget-content">
+ <p id="draggable3" class='ui-widget-header'>I'm contained within my
parent
+</div>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+
+<!-- Add description here -->
+
+
+</div><!-- End demo-description -->
+<div style='width: 1px; height: 500px;'></div>
+
+</body>
+</html>