]> source.dussan.org Git - jquery-ui.git/commitdiff
projects / jquery-ui.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: 671cadd)
demos/resizable: removed no longer used (renamed) demos
authorRichard Worth <rdworth@gmail.com>
Tue, 27 Jan 2009 10:05:03 +0000 (10:05 +0000)
committerRichard Worth <rdworth@gmail.com>
Tue, 27 Jan 2009 10:05:03 +0000 (10:05 +0000)
demos/resizable/alsoresize.html [deleted file] patch | blob | history
demos/resizable/aspectratio.html [deleted file] patch | blob | history
demos/resizable/containment.html [deleted file] patch | blob | history
demos/resizable/delay.html [deleted file] patch | blob | history
demos/resizable/distance.html [deleted file] patch | blob | history
demos/resizable/ghost.html [deleted file] patch | blob | history
demos/resizable/grid.html [deleted file] patch | blob | history
demos/resizable/max.html [deleted file] patch | blob | history
demos/resizable/min.html [deleted file] patch | blob | history

diff --git a/demos/resizable/alsoresize.html b/demos/resizable/alsoresize.html
deleted file mode 100644 (file)
index df1c700..0000000
--- a/demos/resizable/alsoresize.html
+++ /dev/null
@@ -1,46 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-       <title>jQuery UI Resizable - Also Resize Demo</title>
-       <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
-       <script type="text/javascript" src="../../jquery-1.3.1.js"></script>
-       <script type="text/javascript" src="../../ui/ui.core.js"></script>
-       <script type="text/javascript" src="../../ui/ui.resizable.js"></script>
-       <link type="text/css" href="../demos.css" rel="stylesheet" />
-       <style type="text/css">
-       #resizable { background-position: top left; }
-       #resizable, #also { width: 150px; height: 120px; padding: 0.5em; }
-       #resizable h3, #also h3 { text-align: center; margin: 0; }
-       #also { margin-top: 1em; }
-       </style>
-       <script type="text/javascript">
-       $(function() {
-               $("#resizable").resizable({
-                       alsoResize: '#also'
-               });
-               $("#also").resizable();
-       });
-       </script>
-</head>
-<body>
-<div class="demo">
-       
-<div id="resizable" class="ui-widget-header">
-       <h3 class="ui-state-active">Resize</h3>
-</div>
-
-<div id="also" class="ui-widget-content">
-       <h3 class="ui-widget-header">will also resize</h3>
-</div>
-
-</div><!-- End demo -->
-
-<div class="demo-description">
-
-<p>
-<!-- Add description here -->
-</p>
-
-</div><!-- End demo-description -->
-</body>
-</html>
diff --git a/demos/resizable/aspectratio.html b/demos/resizable/aspectratio.html
deleted file mode 100644 (file)
index 3474f6c..0000000
--- a/demos/resizable/aspectratio.html
+++ /dev/null
@@ -1,39 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-       <title>jQuery UI Resizable - Aspect Ratio Demo</title>
-       <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
-       <script type="text/javascript" src="../../jquery-1.3.1.js"></script>
-       <script type="text/javascript" src="../../ui/ui.core.js"></script>
-       <script type="text/javascript" src="../../ui/ui.resizable.js"></script>
-       <link type="text/css" href="../demos.css" rel="stylesheet" />
-       <style type="text/css">
-       #resizable { width: 160px; height: 90px; padding: 0.5em; }
-       #resizable h3 { text-align: center; margin: 0; }
-       </style>
-       <script type="text/javascript">
-       $(function() {
-               $("#resizable").resizable({
-                       aspectRatio: 16/9
-               });
-       });
-       </script>
-</head>
-<body>
-<div class="demo">
-       
-<div id="resizable" class="ui-widget-content">
-       <h3 class="ui-widget-header">Aspect Ratio</h3>
-</div>
-
-</div><!-- End demo -->
-
-<div class="demo-description">
-
-<p>
-<!-- Add description here -->
-</p>
-
-</div><!-- End demo-description -->
-</body>
-</html>
diff --git a/demos/resizable/containment.html b/demos/resizable/containment.html
deleted file mode 100644 (file)
index b885f57..0000000
--- a/demos/resizable/containment.html
+++ /dev/null
@@ -1,44 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-       <title>jQuery UI Resizable - Containment Demo</title>
-       <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
-       <script type="text/javascript" src="../../jquery-1.3.1.js"></script>
-       <script type="text/javascript" src="../../ui/ui.core.js"></script>
-       <script type="text/javascript" src="../../ui/ui.resizable.js"></script>
-       <link type="text/css" href="../demos.css" rel="stylesheet" />
-       <style type="text/css">
-       #container { width: 300px; height: 300px; }
-       #container h3 { text-align: center; margin: 0; margin-bottom: 10px; }
-       #resizable { background-position: top left; width: 150px; height: 150px; }
-       #resizable, #container { padding: 0.5em; }
-       </style>
-       <script type="text/javascript">
-       $(function() {
-               $("#resizable").resizable({
-                       containment: '#container'
-               });
-       });
-       </script>
-</head>
-<body>
-<div class="demo">
-       
-<div id="container" class="ui-widget-content">
-       <h3 class="ui-widget-header">Containment</h3>
-       <div id="resizable" class="ui-state-active">
-               <h3 class="ui-widget-header">Resizable</h3>
-       </div>
-</div>
-
-</div><!-- End demo -->
-
-<div class="demo-description">
-
-<p>
-<!-- Add description here -->
-</p>
-
-</div><!-- End demo-description -->
-</body>
-</html>
diff --git a/demos/resizable/delay.html b/demos/resizable/delay.html
deleted file mode 100644 (file)
index 2aaf173..0000000
--- a/demos/resizable/delay.html
+++ /dev/null
@@ -1,39 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-       <title>jQuery UI Resizable - Delay Demo</title>
-       <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
-       <script type="text/javascript" src="../../jquery-1.3.1.js"></script>
-       <script type="text/javascript" src="../../ui/ui.core.js"></script>
-       <script type="text/javascript" src="../../ui/ui.resizable.js"></script>
-       <link type="text/css" href="../demos.css" rel="stylesheet" />
-       <style type="text/css">
-       #resizable { width: 150px; height: 150px; padding: 0.5em; }
-       #resizable h3 { text-align: center; margin: 0; }
-       </style>
-       <script type="text/javascript">
-       $(function() {
-               $("#resizable").resizable({
-                       delay: 1000
-               });
-       });
-       </script>
-</head>
-<body>
-<div class="demo">
-       
-<div id="resizable" class="ui-widget-content">
-       <h3 class="ui-widget-header">Delay</h3>
-</div>
-
-</div><!-- End demo -->
-
-<div class="demo-description">
-
-<p>
-<!-- Add description here -->
-</p>
-
-</div><!-- End demo-description -->
-</body>
-</html>
diff --git a/demos/resizable/distance.html b/demos/resizable/distance.html
deleted file mode 100644 (file)
index ccd2882..0000000
--- a/demos/resizable/distance.html
+++ /dev/null
@@ -1,39 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-       <title>jQuery UI Resizable - Distance Demo</title>
-       <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
-       <script type="text/javascript" src="../../jquery-1.3.1.js"></script>
-       <script type="text/javascript" src="../../ui/ui.core.js"></script>
-       <script type="text/javascript" src="../../ui/ui.resizable.js"></script>
-       <link type="text/css" href="../demos.css" rel="stylesheet" />
-       <style type="text/css">
-       #resizable { width: 150px; height: 150px; padding: 0.5em; }
-       #resizable h3 { text-align: center; margin: 0; }
-       </style>
-       <script type="text/javascript">
-       $(function() {
-               $("#resizable").resizable({
-                       distance: 40
-               });
-       });
-       </script>
-</head>
-<body>
-<div class="demo">
-       
-<div id="resizable" class="ui-widget-content">
-       <h3 class="ui-widget-header">Distance</h3>
-</div>
-
-</div><!-- End demo -->
-
-<div class="demo-description">
-
-<p>
-<!-- Add description here -->
-</p>
-
-</div><!-- End demo-description -->
-</body>
-</html>
diff --git a/demos/resizable/ghost.html b/demos/resizable/ghost.html
deleted file mode 100644 (file)
index f8de469..0000000
--- a/demos/resizable/ghost.html
+++ /dev/null
@@ -1,40 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-       <title>jQuery UI Resizable - Ghost Demo</title>
-       <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
-       <script type="text/javascript" src="../../jquery-1.3.1.js"></script>
-       <script type="text/javascript" src="../../ui/ui.core.js"></script>
-       <script type="text/javascript" src="../../ui/ui.resizable.js"></script>
-       <link type="text/css" href="../demos.css" rel="stylesheet" />
-       <style type="text/css">
-       #resizable { width: 150px; height: 150px; padding: 0.5em; }
-       #resizable h3 { text-align: center; margin: 0; }
-       .ui-resizable-ghost { border: 1px dotted gray; }
-       </style>
-       <script type="text/javascript">
-       $(function() {
-               $("#resizable").resizable({
-                       ghost: true
-               });
-       });
-       </script>
-</head>
-<body>
-<div class="demo">
-       
-<div id="resizable" class="ui-widget-content">
-       <h3 class="ui-widget-header">Ghost</h3>
-</div>
-
-</div><!-- End demo -->
-
-<div class="demo-description">
-
-<p>
-<!-- Add description here -->
-</p>
-
-</div><!-- End demo-description -->
-</body>
-</html>
diff --git a/demos/resizable/grid.html b/demos/resizable/grid.html
deleted file mode 100644 (file)
index 81ab1a0..0000000
--- a/demos/resizable/grid.html
+++ /dev/null
@@ -1,39 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-       <title>jQuery UI Resizable - Grid Demo</title>
-       <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
-       <script type="text/javascript" src="../../jquery-1.3.1.js"></script>
-       <script type="text/javascript" src="../../ui/ui.core.js"></script>
-       <script type="text/javascript" src="../../ui/ui.resizable.js"></script>
-       <link type="text/css" href="../demos.css" rel="stylesheet" />
-       <style type="text/css">
-       #resizable { width: 150px; height: 150px; padding: 0.5em; }
-       #resizable h3 { text-align: center; margin: 0; }
-       </style>
-       <script type="text/javascript">
-       $(function() {
-               $("#resizable").resizable({
-                       grid: 50
-               });
-       });
-       </script>
-</head>
-<body>
-<div class="demo">
-       
-<div id="resizable" class="ui-widget-content">
-       <h3 class="ui-widget-header">Grid</h3>
-</div>
-
-</div><!-- End demo -->
-
-<div class="demo-description">
-
-<p>
-<!-- Add description here -->
-</p>
-
-</div><!-- End demo-description -->
-</body>
-</html>
diff --git a/demos/resizable/max.html b/demos/resizable/max.html
deleted file mode 100644 (file)
index f59e878..0000000
--- a/demos/resizable/max.html
+++ /dev/null
@@ -1,40 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-       <title>jQuery UI Resizable - Max Height / Width Demo</title>
-       <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
-       <script type="text/javascript" src="../../jquery-1.3.1.js"></script>
-       <script type="text/javascript" src="../../ui/ui.core.js"></script>
-       <script type="text/javascript" src="../../ui/ui.resizable.js"></script>
-       <link type="text/css" href="../demos.css" rel="stylesheet" />
-       <style type="text/css">
-       #resizable { width: 150px; height: 150px; padding: 0.5em; }
-       #resizable h3 { text-align: center; margin: 0; }
-       </style>
-       <script type="text/javascript">
-       $(function() {
-               $("#resizable").resizable({
-                       maxHeight: 250,
-                       maxWidth: 350
-               });
-       });
-       </script>
-</head>
-<body>
-<div class="demo">
-       
-<div id="resizable" class="ui-widget-content">
-       <h3 class="ui-widget-header">maxHeight / maxWidth</h3>
-</div>
-
-</div><!-- End demo -->
-
-<div class="demo-description">
-
-<p>
-<!-- Add description here -->
-</p>
-
-</div><!-- End demo-description -->
-</body>
-</html>
diff --git a/demos/resizable/min.html b/demos/resizable/min.html
deleted file mode 100644 (file)
index 0f75978..0000000
--- a/demos/resizable/min.html
+++ /dev/null
@@ -1,40 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-       <title>jQuery UI Resizable - Min Height / Width Demo</title>
-       <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
-       <script type="text/javascript" src="../../jquery-1.3.1.js"></script>
-       <script type="text/javascript" src="../../ui/ui.core.js"></script>
-       <script type="text/javascript" src="../../ui/ui.resizable.js"></script>
-       <link type="text/css" href="../demos.css" rel="stylesheet" />
-       <style type="text/css">
-       #resizable { width: 150px; height: 150px; padding: 0.5em; }
-       #resizable h3 { text-align: center; margin: 0; }
-       </style>
-       <script type="text/javascript">
-       $(function() {
-               $("#resizable").resizable({
-                       minHeight: 50,
-                       minWidth: 100
-               });
-       });
-       </script>
-</head>
-<body>
-<div class="demo">
-       
-<div id="resizable" class="ui-widget-content">
-       <h3 class="ui-widget-header">minHeight / minWidth</h3>
-</div>
-
-</div><!-- End demo -->
-
-<div class="demo-description">
-
-<p>
-<!-- Add description here -->
-</p>
-
-</div><!-- End demo-description -->
-</body>
-</html>
The official jQuery user interface library: https://github.com/jquery/jquery-ui