diff options
| author | Richard Worth <rdworth@gmail.com> | 2008-12-31 01:20:50 +0000 |
|---|---|---|
| committer | Richard Worth <rdworth@gmail.com> | 2008-12-31 01:20:50 +0000 |
| commit | 9a35874d44262f79d1a5fc7d8c7e673518c985fd (patch) | |
| tree | f9cd8915ee759d2427c657e680e9282e7b20aa86 /demos/resizable | |
| parent | 2789fca8afb34dc770df8163fad7f6df15a77025 (diff) | |
| download | jquery-ui-9a35874d44262f79d1a5fc7d8c7e673518c985fd.tar.gz jquery-ui-9a35874d44262f79d1a5fc7d8c7e673518c985fd.zip | |
demos: whitespace fixes
- trailing whitespace
- inconsistent line endings
- set svn:eol-style to native
Diffstat (limited to 'demos/resizable')
| -rw-r--r-- | demos/resizable/alsoresize.html | 58 | ||||
| -rw-r--r-- | demos/resizable/animate.html | 52 | ||||
| -rw-r--r-- | demos/resizable/aspectratio.html | 50 | ||||
| -rw-r--r-- | demos/resizable/containment.html | 56 | ||||
| -rw-r--r-- | demos/resizable/delay.html | 50 | ||||
| -rw-r--r-- | demos/resizable/distance.html | 50 | ||||
| -rw-r--r-- | demos/resizable/ghost.html | 52 | ||||
| -rw-r--r-- | demos/resizable/grid.html | 50 | ||||
| -rw-r--r-- | demos/resizable/max.html | 50 | ||||
| -rw-r--r-- | demos/resizable/min.html | 50 |
10 files changed, 259 insertions, 259 deletions
diff --git a/demos/resizable/alsoresize.html b/demos/resizable/alsoresize.html index ad34c6c00..985c62bee 100644 --- a/demos/resizable/alsoresize.html +++ b/demos/resizable/alsoresize.html @@ -1,35 +1,35 @@ -<!doctype html>
-<html lang="en">
-<head>
- <title>jQuery UI Resizable - Also Resize 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.resizable.js"></script>
- <style type="text/css">
- #resizable { background-position: top left; }
- #resizable, #also { width: 150px; height: 150px; padding: 0.5em; }
- #also { margin-top: 1em; }
- </style>
- <script type="text/javascript">
- $(function() {
+<!doctype html> +<html lang="en"> +<head> + <title>jQuery UI Resizable - Also Resize 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.resizable.js"></script> + <style type="text/css"> + #resizable { background-position: top left; } + #resizable, #also { width: 150px; height: 150px; padding: 0.5em; } + #also { margin-top: 1em; } + </style> + <script type="text/javascript"> + $(function() { $("#resizable").resizable({ alsoResize: '#also' - });
- $("#also").resizable();
- });
- </script>
-</head>
-<body>
-
-<div id="resizable" class="ui-widget-header">
- <p>Resize me</p>
-</div>
+ }); + $("#also").resizable(); + }); + </script> +</head> +<body> + +<div id="resizable" class="ui-widget-header"> + <p>Resize me</p> +</div> <div id="also" class="ui-widget-content"> <p>I will resize with the other div. I can also be resized independently.</p> </div> -
-</body>
-</html>
+ +</body> +</html> diff --git a/demos/resizable/animate.html b/demos/resizable/animate.html index fa8117fc3..1944192c8 100644 --- a/demos/resizable/animate.html +++ b/demos/resizable/animate.html @@ -1,29 +1,29 @@ -<!doctype html>
-<html lang="en">
-<head>
- <title>jQuery UI Resizable - Animate 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.resizable.js"></script>
- <style type="text/css">
- #resizable { width: 150px; height: 150px; padding: 0.5em; }
- .ui-resizable-helper { border: 1px dotted gray; }
- </style>
- <script type="text/javascript">
- $(function() {
+<!doctype html> +<html lang="en"> +<head> + <title>jQuery UI Resizable - Animate 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.resizable.js"></script> + <style type="text/css"> + #resizable { width: 150px; height: 150px; padding: 0.5em; } + .ui-resizable-helper { border: 1px dotted gray; } + </style> + <script type="text/javascript"> + $(function() { $("#resizable").resizable({ animate: true - });
- });
- </script>
-</head>
-<body>
+ }); + }); + </script> +</head> +<body> -<div id="resizable" class="ui-widget-content">
- <p>Resize me</p>
-</div>
-
-</body>
-</html>
+<div id="resizable" class="ui-widget-content"> + <p>Resize me</p> +</div> + +</body> +</html> diff --git a/demos/resizable/aspectratio.html b/demos/resizable/aspectratio.html index f38cb2474..bbcb05bd3 100644 --- a/demos/resizable/aspectratio.html +++ b/demos/resizable/aspectratio.html @@ -1,28 +1,28 @@ -<!doctype html>
-<html lang="en">
-<head>
- <title>jQuery UI Resizable - Aspect Ratio 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.resizable.js"></script>
- <style type="text/css">
- #resizable { width: 160px; height: 90px; padding: 0.5em; }
- </style>
- <script type="text/javascript">
- $(function() {
+<!doctype html> +<html lang="en"> +<head> + <title>jQuery UI Resizable - Aspect Ratio 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.resizable.js"></script> + <style type="text/css"> + #resizable { width: 160px; height: 90px; padding: 0.5em; } + </style> + <script type="text/javascript"> + $(function() { $("#resizable").resizable({ aspectRatio: 16/9 - });
- });
- </script>
-</head>
-<body>
+ }); + }); + </script> +</head> +<body> -<div id="resizable" class="ui-widget-content">
- <p>Resize me</p>
-</div>
-
-</body>
-</html>
+<div id="resizable" class="ui-widget-content"> + <p>Resize me</p> +</div> + +</body> +</html> diff --git a/demos/resizable/containment.html b/demos/resizable/containment.html index 15abea55f..abab89736 100644 --- a/demos/resizable/containment.html +++ b/demos/resizable/containment.html @@ -1,33 +1,33 @@ -<!doctype html>
-<html lang="en">
-<head>
- <title>jQuery UI Resizable - Containment 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.resizable.js"></script>
- <style type="text/css">
- #resizable { background-position: top left; width: 150px; height: 150px; }
- #resizable, #container { padding: 0.5em; }
- #container { width: 300px; height: 300px; }
- </style>
- <script type="text/javascript">
- $(function() {
+<!doctype html> +<html lang="en"> +<head> + <title>jQuery UI Resizable - Containment 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.resizable.js"></script> + <style type="text/css"> + #resizable { background-position: top left; width: 150px; height: 150px; } + #resizable, #container { padding: 0.5em; } + #container { width: 300px; height: 300px; } + </style> + <script type="text/javascript"> + $(function() { $("#resizable").resizable({ containment: '#container' - });
- });
- </script>
-</head>
-<body>
+ }); + }); + </script> +</head> +<body> -<div id="container" class="ui-widget-content">
+<div id="container" class="ui-widget-content"> <p>Container</p> - <div id="resizable" class="ui-widget-header">
- <p>Resize me</p>
- </div>
+ <div id="resizable" class="ui-widget-header"> + <p>Resize me</p> + </div> </div> -
-</body>
-</html>
+ +</body> +</html> diff --git a/demos/resizable/delay.html b/demos/resizable/delay.html index 7f7930221..bf686eec9 100644 --- a/demos/resizable/delay.html +++ b/demos/resizable/delay.html @@ -1,28 +1,28 @@ -<!doctype html>
-<html lang="en">
-<head>
- <title>jQuery UI Resizable - Delay 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.resizable.js"></script>
- <style type="text/css">
- #resizable { width: 150px; height: 150px; padding: 0.5em; }
- </style>
- <script type="text/javascript">
- $(function() {
+<!doctype html> +<html lang="en"> +<head> + <title>jQuery UI Resizable - Delay 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.resizable.js"></script> + <style type="text/css"> + #resizable { width: 150px; height: 150px; padding: 0.5em; } + </style> + <script type="text/javascript"> + $(function() { $("#resizable").resizable({ delay: 1000 - });
- });
- </script>
-</head>
-<body>
+ }); + }); + </script> +</head> +<body> -<div id="resizable" class="ui-widget-content">
- <p>Resize me</p>
-</div>
-
-</body>
-</html>
+<div id="resizable" class="ui-widget-content"> + <p>Resize me</p> +</div> + +</body> +</html> diff --git a/demos/resizable/distance.html b/demos/resizable/distance.html index 26a3c62ce..f8c4ba8ca 100644 --- a/demos/resizable/distance.html +++ b/demos/resizable/distance.html @@ -1,28 +1,28 @@ -<!doctype html>
-<html lang="en">
-<head>
- <title>jQuery UI Resizable - Distance 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.resizable.js"></script>
- <style type="text/css">
- #resizable { width: 150px; height: 150px; padding: 0.5em; }
- </style>
- <script type="text/javascript">
- $(function() {
+<!doctype html> +<html lang="en"> +<head> + <title>jQuery UI Resizable - Distance 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.resizable.js"></script> + <style type="text/css"> + #resizable { width: 150px; height: 150px; padding: 0.5em; } + </style> + <script type="text/javascript"> + $(function() { $("#resizable").resizable({ distance: 40 - });
- });
- </script>
-</head>
-<body>
+ }); + }); + </script> +</head> +<body> -<div id="resizable" class="ui-widget-content">
- <p>Resize me</p>
-</div>
-
-</body>
-</html>
+<div id="resizable" class="ui-widget-content"> + <p>Resize me</p> +</div> + +</body> +</html> diff --git a/demos/resizable/ghost.html b/demos/resizable/ghost.html index a84f1f270..4c7b1c7f7 100644 --- a/demos/resizable/ghost.html +++ b/demos/resizable/ghost.html @@ -1,29 +1,29 @@ -<!doctype html>
-<html lang="en">
-<head>
- <title>jQuery UI Resizable - Ghost 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.resizable.js"></script>
- <style type="text/css">
- #resizable { width: 150px; height: 150px; padding: 0.5em; }
- .ui-resizable-ghost { border: 1px dotted gray; }
- </style>
- <script type="text/javascript">
- $(function() {
+<!doctype html> +<html lang="en"> +<head> + <title>jQuery UI Resizable - Ghost 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.resizable.js"></script> + <style type="text/css"> + #resizable { width: 150px; height: 150px; padding: 0.5em; } + .ui-resizable-ghost { border: 1px dotted gray; } + </style> + <script type="text/javascript"> + $(function() { $("#resizable").resizable({ ghost: true - });
- });
- </script>
-</head>
-<body>
+ }); + }); + </script> +</head> +<body> -<div id="resizable" class="ui-widget-content">
- <p>Resize me</p>
-</div>
-
-</body>
-</html>
+<div id="resizable" class="ui-widget-content"> + <p>Resize me</p> +</div> + +</body> +</html> diff --git a/demos/resizable/grid.html b/demos/resizable/grid.html index db5d15b40..2cd5badc6 100644 --- a/demos/resizable/grid.html +++ b/demos/resizable/grid.html @@ -1,28 +1,28 @@ -<!doctype html>
-<html lang="en">
-<head>
- <title>jQuery UI Resizable - Grid 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.resizable.js"></script>
- <style type="text/css">
- #resizable { width: 150px; height: 150px; padding: 0.5em; }
- </style>
- <script type="text/javascript">
- $(function() {
+<!doctype html> +<html lang="en"> +<head> + <title>jQuery UI Resizable - Grid 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.resizable.js"></script> + <style type="text/css"> + #resizable { width: 150px; height: 150px; padding: 0.5em; } + </style> + <script type="text/javascript"> + $(function() { $("#resizable").resizable({ grid: 50 - });
- });
- </script>
-</head>
-<body>
+ }); + }); + </script> +</head> +<body> -<div id="resizable" class="ui-widget-content">
- <p>Resize me</p>
-</div>
-
-</body>
-</html>
+<div id="resizable" class="ui-widget-content"> + <p>Resize me</p> +</div> + +</body> +</html> diff --git a/demos/resizable/max.html b/demos/resizable/max.html index 175c7dc5e..24b382400 100644 --- a/demos/resizable/max.html +++ b/demos/resizable/max.html @@ -1,29 +1,29 @@ -<!doctype html>
-<html lang="en">
-<head>
- <title>jQuery UI Resizable - Max Height / Width 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.resizable.js"></script>
- <style type="text/css">
- #resizable { width: 150px; height: 150px; padding: 0.5em; }
- </style>
- <script type="text/javascript">
- $(function() {
+<!doctype html> +<html lang="en"> +<head> + <title>jQuery UI Resizable - Max Height / Width 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.resizable.js"></script> + <style type="text/css"> + #resizable { width: 150px; height: 150px; padding: 0.5em; } + </style> + <script type="text/javascript"> + $(function() { $("#resizable").resizable({ maxHeight: 250, maxWidth: 350 - });
- });
- </script>
-</head>
-<body>
+ }); + }); + </script> +</head> +<body> -<div id="resizable" class="ui-widget-content">
- <p>Resize me</p>
-</div>
-
-</body>
-</html>
+<div id="resizable" class="ui-widget-content"> + <p>Resize me</p> +</div> + +</body> +</html> diff --git a/demos/resizable/min.html b/demos/resizable/min.html index 95775f41c..2e9606bbd 100644 --- a/demos/resizable/min.html +++ b/demos/resizable/min.html @@ -1,29 +1,29 @@ -<!doctype html>
-<html lang="en">
-<head>
- <title>jQuery UI Resizable - Min Height / Width 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.resizable.js"></script>
- <style type="text/css">
- #resizable { width: 150px; height: 150px; padding: 0.5em; }
- </style>
- <script type="text/javascript">
- $(function() {
+<!doctype html> +<html lang="en"> +<head> + <title>jQuery UI Resizable - Min Height / Width 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.resizable.js"></script> + <style type="text/css"> + #resizable { width: 150px; height: 150px; padding: 0.5em; } + </style> + <script type="text/javascript"> + $(function() { $("#resizable").resizable({ minHeight: 50, minWidth: 100 - });
- });
- </script>
-</head>
-<body>
+ }); + }); + </script> +</head> +<body> -<div id="resizable" class="ui-widget-content">
- <p>Resize me</p>
-</div>
-
-</body>
-</html>
+<div id="resizable" class="ui-widget-content"> + <p>Resize me</p> +</div> + +</body> +</html> |