demos/draggable: removed old demo files

jquery · fbc962faf66f793228bd5e3f62f7f1d2932d3715 · rdworth committed Jan 16, 2009 · Jan 16, 2009 · fbc962f
1 parent 02358dc
commit fbc962faf66f793228bd5e3f62f7f1d2932d3715
diff --git a/demos/draggable/axis.html b/demos/draggable/axis.html
@@ -1,43 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-	<title>jQuery UI Draggable - Axis Demo</title>
-	<link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
-	<script type="text/javascript" src="../../jquery-1.3.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, #draggable2 { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 5px; }
-	#draggable { cursor: n-resize; }
-	#draggable2 { cursor: e-resize; }
-	</style>
-	<script type="text/javascript">
-	$(function() {
-		$("#draggable").draggable({ axis: 'y' });
-		$("#draggable2").draggable({ axis: 'x' });
-	});
-	</script>
-</head>
-<body>
-<div class="demo">
-	
-<div id="draggable" class="ui-widget-content">
-	<p>I can be dragged only vertically</p>
-</div>
-
-<div id="draggable2" class="ui-widget-content">
-	<p>I can be dragged only horizontally</p>
-</div>
-
-</div><!-- End demo -->
-
-<div class="demo-description">
-
-<p>
-<!-- Add description here -->
-</p>
-
-</div><!-- End demo-description -->
-</body>
-</html>
diff --git a/demos/draggable/cancel.html b/demos/draggable/cancel.html
@@ -1,40 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-	<title>jQuery UI Draggable - Cancel Demo</title>
-	<link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
-	<script type="text/javascript" src="../../jquery-1.3.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; cursor: move; }
-	#draggable p.ui-widget-header { cursor: default; }
-	</style>
-	<script type="text/javascript">
-	$(function() {
-		$("#draggable").draggable({ cancel: "p.ui-widget-header" });
-	});
-	</script>
-</head>
-<body>
-
-<div class="demo">
-
-<div id="draggable" class="ui-widget-content">
-	<p>You can drag me around&hellip;</p>
-	<p class="ui-widget-header">&hellip;but you can't drag me by this handle.</p>
-</div>
-
-</div><!-- End demo -->
-
-<div class="demo-description">
-
-<p>
-<!-- Add description here -->
-</p>
-
-</div><!-- End demo-description -->
-
-</body>
-</html>
diff --git a/demos/draggable/containment.html b/demos/draggable/containment.html
@@ -1,16 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-	<title>jQuery UI Draggable - Containment Demo</title>
-	<link type="text/css" href="../demos.css" rel="stylesheet" />
-	<style type="text/css" media="screen">
-		body,html {
-			padding:0;margin:0;width:100%;height:100%;
-		}
-	</style>
-</head>
-<body>
-<iframe frameborder='0' style='width: 100%; height: 99%;' src='containment_iframe.html'></iframe>	
-
-</body>
-</html>
diff --git a/demos/draggable/containment_iframe.html b/demos/draggable/containment_iframe.html
@@ -1,49 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-	<title>jQuery UI Draggable - Containment Demo</title>
-	<link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
-	<script type="text/javascript" src="../../jquery-1.3.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">
-	div.demo { padding:0; }
-	.ui-widget-content { width: 100px; height: 100px; padding: 0.5em; float: left; margin:0 10px 0 0; }
-	</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">
-	<p>I'm contained within the window</p>
-</div>
-
-<div id="draggable2" class="ui-widget-content">
-	<p>I'm contained within the document</p>
-</div>
-
-<div class="ui-widget-content">
-	<p id="draggable3" class='ui-widget-header'>I'm contained within my parent</p>
-</div>
-
-</div><!-- End demo -->
-
-<div class="demo-description">
-
-<p>
-<!-- Add description here -->
-</p>
-
-</div><!-- End demo-description -->
-<div style='width: 1px; height: 500px;'></div>
-
-</body>
-</html>
diff --git a/demos/draggable/cursorat.html b/demos/draggable/cursorat.html
@@ -1,46 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-	<title>jQuery UI Draggable - cursorAt Demo</title>
-	<link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
-	<script type="text/javascript" src="../../jquery-1.3.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, #draggable2, #draggable3 { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 5px; }
-	</style>
-	<script type="text/javascript">
-	$(function() {
-		$("#draggable").draggable({ cursorAt: { top: 56, left: 56 } });
-		$("#draggable2").draggable({ cursorAt: { top: -5, left: -5 } });
-		$("#draggable3").draggable({ cursorAt: { bottom: 0 } });
-	});
-	</script>
-</head>
-<body>
-<div class="demo">
-	
-<div id="draggable" class="ui-widget-content">
-	<p>I will always stick to the center (relative to the mouse)</p>
-</div>
-
-<div id="draggable2" class="ui-widget-content">
-	<p>My cursor is at left -5 and top -5</p>
-</div>
-
-<div id="draggable3" class="ui-widget-content">
-	<p>My cursor position is only controlled for the 'bottom' value</p>
-</div>
-
-</div><!-- End demo -->
-
-<div class="demo-description">
-
-<p>
-<!-- Add description here -->
-</p>
-
-</div><!-- End demo-description -->
-</body>
-</html>
diff --git a/demos/draggable/delaydistance.html b/demos/draggable/delaydistance.html
@@ -1,41 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-	<title>jQuery UI Draggable - Delay / Distance Demo</title>
-	<link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
-	<script type="text/javascript" src="../../jquery-1.3.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, #draggable2 { width: 120px; height: 120px; padding: 0.5em; float: left; margin: 5px; }
-	</style>
-	<script type="text/javascript">
-	$(function() {
-		$("#draggable").draggable({ distance: 20 });
-		$("#draggable2").draggable({ delay: 1000 });
-	});
-	</script>
-</head>
-<body>
-<div class="demo">
-	
-<div id="draggable" class="ui-widget-content">
-	<p>Only if you drag me by 20 pixels, the dragging will start</p>
-</div>
-
-<div id="draggable2" class="ui-widget-content">
-	<p>Regardless of the distance, you have to drag and wait for 1000ms before dragging starts</p>
-</div>
-
-</div><!-- End demo -->
-
-<div class="demo-description">
-
-<p>
-<!-- Add description here -->
-</p>
-
-</div><!-- End demo-description -->
-</body>
-</html>
diff --git a/demos/draggable/grid.html b/demos/draggable/grid.html
@@ -1,41 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-	<title>jQuery UI Draggable - Grid Demo</title>
-	<link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
-	<script type="text/javascript" src="../../jquery-1.3.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, #draggable2 { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 5px; }
-	</style>
-	<script type="text/javascript">
-	$(function() {
-		$("#draggable").draggable({ grid: [20,20] });
-		$("#draggable2").draggable({ grid: [1,50] });
-	});
-	</script>
-</head>
-<body>
-<div class="demo">
-	
-<div id="draggable" class="ui-widget-content">
-	<p>I can be dragged in a 20x20 grid system</p>
-</div>
-
-<div id="draggable2" class="ui-widget-content">
-	<p>I only follow a vertical 50 pixel grid</p>
-</div>
-
-</div><!-- End demo -->
-
-<div class="demo-description">
-
-<p>
-<!-- Add description here -->
-</p>
-
-</div><!-- End demo-description -->
-</body>
-</html>
diff --git a/demos/draggable/helper.html b/demos/draggable/helper.html
@@ -1,52 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-	<title>jQuery UI Draggable - Helper Demo</title>
-	<link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
-	<script type="text/javascript" src="../../jquery-1.3.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, #draggable2, #draggable3 { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 5px; }
-	</style>
-	<script type="text/javascript">
-	$(function() {
-		$("#draggable").draggable({ helper: 'original' });
-		$("#draggable2").draggable({ helper: 'clone' });
-		$("#draggable3").draggable({
-			cursor: 'move',
-			cursorAt: { top: -12, left: -20 },
-			helper: function(event) {
-				return $('<div class="ui-widget-header">I\'m a custom helper</div>');
-			}
-		});
-	});
-	</script>
-</head>
-<body>
-<div class="demo">
-
-<div id="draggable" class="ui-widget-content">
-	<p>Original</p>
-</div>
-
-<div id="draggable2" class="ui-widget-content">
-	<p>Clone</p>
-</div>
-
-<div id="draggable3" class="ui-widget-content">
-	<p>Custom helper (in combination with cursorAt)</p>
-</div>
-
-</div><!-- End demo -->
-
-<div class="demo-description">
-
-<p>
-<!-- Add description here -->
-</p>
-
-</div><!-- End demo-description -->
-</body>
-</html>
diff --git a/demos/draggable/opacity.html b/demos/draggable/opacity.html
@@ -1,41 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-	<title>jQuery UI Draggable - Opacity Demo</title>
-	<link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
-	<script type="text/javascript" src="../../jquery-1.3.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">
-	#draggable1, #draggable2 { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 5px; }
-	</style>
-	<script type="text/javascript">
-	$(function() {
-		$("#draggable1").draggable({ opacity: 0.5 });
-		$("#draggable2").draggable({ opacity: 0.5, helper: 'clone' });
-	});
-	</script>
-</head>
-<body>
-<div class="demo">
-	
-<div id="draggable1" class="ui-widget-content">
-	<p>Opacity set to 0.5</p>
-</div>
-
-<div id="draggable2" class="ui-widget-content">
-	<p>Opacity set to 0.5, using 'clone' as helper</p>
-</div>
-
-</div><!-- End demo -->
-
-<div class="demo-description">
-
-<p>
-<!-- Add description here -->
-</p>
-
-</div><!-- End demo-description -->
-</body>
-</html>