aboutsummaryrefslogtreecommitdiffstats
path: root/demos/draggable
diff options
context:
space:
mode:
Diffstat (limited to 'demos/draggable')
-rw-r--r--demos/draggable/axis.html4
-rw-r--r--demos/draggable/containment.html2
-rw-r--r--demos/draggable/cursorat.html4
-rw-r--r--demos/draggable/default.html2
-rw-r--r--demos/draggable/delaydistance.html4
-rw-r--r--demos/draggable/grid.html4
-rw-r--r--demos/draggable/handle.html6
-rw-r--r--demos/draggable/helper.html4
-rw-r--r--demos/draggable/opacity.html4
-rw-r--r--demos/draggable/revert.html4
-rw-r--r--demos/draggable/scroll.html4
-rw-r--r--demos/draggable/snap.html8
-rw-r--r--demos/draggable/sortable.html11
-rw-r--r--demos/draggable/zindexstack.html4
14 files changed, 32 insertions, 33 deletions
diff --git a/demos/draggable/axis.html b/demos/draggable/axis.html
index c2c234071..61dd072fb 100644
--- a/demos/draggable/axis.html
+++ b/demos/draggable/axis.html
@@ -2,13 +2,13 @@
<html lang="en">
<head>
<title>jQuery UI Draggable - Constrained to one axis</title>
- <link type="text/css" href="../demos.css" rel="stylesheet" />
<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; }
+ #draggable, #draggable2 { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 5px; }
#draggable { cursor: n-resize; }
#draggable2 { cursor: e-resize; }
</style>
diff --git a/demos/draggable/containment.html b/demos/draggable/containment.html
index 10250fb36..9ffc4c95b 100644
--- a/demos/draggable/containment.html
+++ b/demos/draggable/containment.html
@@ -2,11 +2,11 @@
<html lang="en">
<head>
<title>jQuery UI Draggable - Containment</title>
- <link type="text/css" href="../demos.css" rel="stylesheet" />
<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>
diff --git a/demos/draggable/cursorat.html b/demos/draggable/cursorat.html
index ec98a935a..e1c0c1b52 100644
--- a/demos/draggable/cursorat.html
+++ b/demos/draggable/cursorat.html
@@ -2,13 +2,13 @@
<html lang="en">
<head>
<title>jQuery UI Draggable - Cursor at a certain position</title>
- <link type="text/css" href="../demos.css" rel="stylesheet" />
<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; }
+ #draggable, #draggable2, #draggable3 { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 5px; }
</style>
<script type="text/javascript">
$(function() {
diff --git a/demos/draggable/default.html b/demos/draggable/default.html
index e0cc9a6ea..55a454ab9 100644
--- a/demos/draggable/default.html
+++ b/demos/draggable/default.html
@@ -2,11 +2,11 @@
<html lang="en">
<head>
<title>jQuery UI Draggable - Default Demo</title>
- <link type="text/css" href="../demos.css" rel="stylesheet" />
<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">
#draggable { width: 150px; height: 150px; padding: 0.5em; }
</style>
diff --git a/demos/draggable/delaydistance.html b/demos/draggable/delaydistance.html
index 84abedb4c..64b1ff684 100644
--- a/demos/draggable/delaydistance.html
+++ b/demos/draggable/delaydistance.html
@@ -2,13 +2,13 @@
<html lang="en">
<head>
<title>jQuery UI Draggable - Distance and Delay</title>
- <link type="text/css" href="../demos.css" rel="stylesheet" />
<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; }
+ #draggable, #draggable2 { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 5px; }
</style>
<script type="text/javascript">
$(function() {
diff --git a/demos/draggable/grid.html b/demos/draggable/grid.html
index 48a3d1752..03741e4dc 100644
--- a/demos/draggable/grid.html
+++ b/demos/draggable/grid.html
@@ -2,13 +2,13 @@
<html lang="en">
<head>
<title>jQuery UI Draggable - Grid</title>
- <link type="text/css" href="../demos.css" rel="stylesheet" />
<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; }
+ #draggable, #draggable2 { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 5px; }
</style>
<script type="text/javascript">
$(function() {
diff --git a/demos/draggable/handle.html b/demos/draggable/handle.html
index b3b9f2d2c..5dc950050 100644
--- a/demos/draggable/handle.html
+++ b/demos/draggable/handle.html
@@ -2,14 +2,14 @@
<html lang="en">
<head>
<title>jQuery UI Draggable - Handle</title>
- <link type="text/css" href="../demos.css" rel="stylesheet" />
<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; }
- .ui-widget-header { cursor: move; }
+ #draggable { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 5px; }
+ #draggable p { cursor: move; }
</style>
<script type="text/javascript">
$(function() {
diff --git a/demos/draggable/helper.html b/demos/draggable/helper.html
index 368cf0315..5bbdde4aa 100644
--- a/demos/draggable/helper.html
+++ b/demos/draggable/helper.html
@@ -2,13 +2,13 @@
<html lang="en">
<head>
<title>jQuery UI Draggable - Helper</title>
- <link type="text/css" href="../demos.css" rel="stylesheet" />
<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; }
+ #draggable, #draggable2, #draggable3 { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 5px; }
</style>
<script type="text/javascript">
$(function() {
diff --git a/demos/draggable/opacity.html b/demos/draggable/opacity.html
index 0ee3e18af..c407449bb 100644
--- a/demos/draggable/opacity.html
+++ b/demos/draggable/opacity.html
@@ -2,13 +2,13 @@
<html lang="en">
<head>
<title>jQuery UI Draggable - Opacity</title>
- <link type="text/css" href="../demos.css" rel="stylesheet" />
<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; }
+ #draggable1, #draggable2 { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 5px; }
</style>
<script type="text/javascript">
$(function() {
diff --git a/demos/draggable/revert.html b/demos/draggable/revert.html
index c50f944bb..87822f8cb 100644
--- a/demos/draggable/revert.html
+++ b/demos/draggable/revert.html
@@ -2,13 +2,13 @@
<html lang="en">
<head>
<title>jQuery UI Draggable - Revert</title>
- <link type="text/css" href="../demos.css" rel="stylesheet" />
<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; }
+ #draggable, #draggable2 { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 5px; }
</style>
<script type="text/javascript">
$(function() {
diff --git a/demos/draggable/scroll.html b/demos/draggable/scroll.html
index c1d159710..ee1abd2f2 100644
--- a/demos/draggable/scroll.html
+++ b/demos/draggable/scroll.html
@@ -2,13 +2,13 @@
<html lang="en">
<head>
<title>jQuery UI Draggable - Scroll</title>
- <link type="text/css" href="../demos.css" rel="stylesheet" />
<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; }
+ #draggable, #draggable2, #draggable3 { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 5px; }
</style>
<script type="text/javascript">
$(function() {
diff --git a/demos/draggable/snap.html b/demos/draggable/snap.html
index f232ff397..0394196a5 100644
--- a/demos/draggable/snap.html
+++ b/demos/draggable/snap.html
@@ -2,14 +2,14 @@
<html lang="en">
<head>
<title>jQuery UI Draggable - Snap</title>
- <link type="text/css" href="../demos.css" rel="stylesheet" />
<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: 75px; height: 80px; padding: 0.5em; float: left; margin: 5px; }
- .ui-widget-header { height: 130px; }
+ #draggable, #draggable2, #draggable3, #draggable4, #draggable5 { width: 75px; height: 80px; padding: 0.5em; float: left; margin: 5px; }
+ #snaptarget { height: 130px; }
</style>
<script type="text/javascript">
$(function() {
@@ -23,7 +23,7 @@
</head>
<body>
-<div class="ui-widget-header">
+<div id="snaptarget" class="ui-widget-header">
<p>I'm a snap target</p>
</div>
diff --git a/demos/draggable/sortable.html b/demos/draggable/sortable.html
index 92ce2aff7..292f3e31d 100644
--- a/demos/draggable/sortable.html
+++ b/demos/draggable/sortable.html
@@ -2,21 +2,20 @@
<html lang="en">
<head>
<title>jQuery UI Sortable - Default Demo</title>
- <link type="text/css" href="../demos.css" rel="stylesheet" />
<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>
<script type="text/javascript" src="../../ui/ui.sortable.js"></script>
+ <link type="text/css" href="../demos.css" rel="stylesheet" />
<style type="text/css">
ul { list-style-type: none; margin: 0; padding: 0; margin-bottom: 10px; }
li { margin: 3px; padding: 2px; width: 150px; }
- .ui-widget-header { margin-bottom: 10px; float: right; width: 100px; }
</style>
<script type="text/javascript">
$(function() {
- $("ul.sortable").sortable();
- $(".draggable").draggable({
+ $("#sortable").sortable();
+ $("#draggable").draggable({
connectToSortable: ['ul'],
helper: 'clone'
});
@@ -26,10 +25,10 @@
<body>
<ul>
- <li class="ui-state-hover draggable">Drag me down</li>
+ <li id="draggable" class="ui-state-highlight">Drag me down</li>
</ul>
-<ul class="sortable">
+<ul id="sortable">
<li class="ui-state-default">Item 1</li>
<li class="ui-state-default">Item 2</li>
<li class="ui-state-default">Item 3</li>
diff --git a/demos/draggable/zindexstack.html b/demos/draggable/zindexstack.html
index 102a64764..d41c6a5c6 100644
--- a/demos/draggable/zindexstack.html
+++ b/demos/draggable/zindexstack.html
@@ -2,13 +2,13 @@
<html lang="en">
<head>
<title>jQuery UI Draggable - Z-Index / Stack</title>
- <link type="text/css" href="../demos.css" rel="stylesheet" />
<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; }
+ #draggable, #set, #set div { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 5px; }
#set { width: 368px; height: 120px; }
</style>
<script type="text/javascript">
generated by cgit v1.2.3 (git 2.39.1) at 2025-01-19 04:08:29 +0000