r1427 - in trunk/demos: draggable effects_general effects_showhide selectable

r1427 - in trunk/demos: draggable effects_general effects_showhide selectable


Author: rdworth
Date: Wed Dec 31 15:29:44 2008
New Revision: 1427
Modified:
trunk/demos/draggable/containment_iframe.html (contents, props changed)
trunk/demos/effects_general/bounce.html (contents, props changed)
trunk/demos/effects_general/default.html (contents, props changed)
trunk/demos/effects_general/highlight.html (contents, props changed)
trunk/demos/effects_general/index.html (contents, props changed)
trunk/demos/effects_general/pulsate.html (contents, props changed)
trunk/demos/effects_general/scale.html (contents, props changed)
trunk/demos/effects_general/shake.html (contents, props changed)
trunk/demos/effects_general/size.html (contents, props changed)
trunk/demos/effects_general/transfer.html (contents, props changed)
trunk/demos/effects_showhide/blind.html (contents, props changed)
trunk/demos/effects_showhide/clip.html (contents, props changed)
trunk/demos/effects_showhide/default.html (contents, props changed)
trunk/demos/effects_showhide/drop.html (contents, props changed)
trunk/demos/effects_showhide/explode.html (contents, props changed)
trunk/demos/effects_showhide/fold.html (contents, props changed)
trunk/demos/effects_showhide/index.html (contents, props changed)
trunk/demos/effects_showhide/puff.html (contents, props changed)
trunk/demos/effects_showhide/scale.html (contents, props changed)
trunk/demos/effects_showhide/slide.html (contents, props changed)
trunk/demos/selectable/default.html (contents, props changed)
trunk/demos/selectable/floating.html (contents, props changed)
trunk/demos/selectable/serializing.html (contents, props changed)
Log:
mime-type and eol-style
Modified: trunk/demos/draggable/containment_iframe.html
==============================================================================
--- trunk/demos/draggable/containment_iframe.html    (original)
+++ trunk/demos/draggable/containment_iframe.html    Wed Dec 31 15:29:44 2008
@@ -1,48 +1,48 @@
-<!doctype html>
-<html lang="en">
-<head>
-    <title>jQuery UI Draggable - Containment Demo</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>
+<!doctype html>
+<html lang="en">
+<head>
+    <title>jQuery UI Draggable - Containment Demo</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>
Modified: trunk/demos/effects_general/bounce.html
==============================================================================
--- trunk/demos/effects_general/bounce.html    (original)
+++ trunk/demos/effects_general/bounce.html    Wed Dec 31 15:29:44 2008
@@ -1,44 +1,44 @@
-<!doctype html>
-<html lang="en">
-<head>
-    <title>jQuery UI Effects - Bounce Demo</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/effects.core.js"></script>
-    <script type="text/javascript" src="../../ui/effects.bounce.js"></script>
-    <link type="text/css" href="../demos.css" rel="stylesheet" />
-    <style type="text/css">
-        #bounce { width: 240px; height: 135px; padding: 0.4em; }
-        #bounce h3 { margin: 0; padding: 0.4em; text-align: center; }
-    </style>
-    <script type="text/javascript">
-    $(function() {
-        $("#bounce").click(function() {
-            $(this).effect("bounce");
-        });
-    });
-    </script>
-</head>
-<body>
-
-<div class="demo">
-
-<div id="bounce" class="ui-widget-content ui-corner-all">
-    <h3 class="ui-widget-header ui-corner-all">Bounce</h3>
-    


-        Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede.
Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi.
-    



-</div>
-
-</div><!-- End demo -->
-
-<div class="demo-description">
-
-


-Click above to preview the <code>.effect("bounce")</code> effect.
-


-
-</div><!-- End demo-description -->
-
-</body>
-</html>
+<!doctype html>
+<html lang="en">
+<head>
+    <title>jQuery UI Effects - Bounce Demo</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/effects.core.js"></script>
+    <script type="text/javascript" src="../../ui/effects.bounce.js"></script>
+    <link type="text/css" href="../demos.css" rel="stylesheet" />
+    <style type="text/css">
+        #bounce { width: 240px; height: 135px; padding: 0.4em; }
+        #bounce h3 { margin: 0; padding: 0.4em; text-align: center; }
+    </style>
+    <script type="text/javascript">
+    $(function() {
+        $("#bounce").click(function() {
+            $(this).effect("bounce");
+        });
+    });
+    </script>
+</head>
+<body>
+
+<div class="demo">
+
+<div id="bounce" class="ui-widget-content ui-corner-all">
+    <h3 class="ui-widget-header ui-corner-all">Bounce</h3>
+    


+        Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede.
Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi.
+    



+</div>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+


+Click above to preview the <code>.effect("bounce")</code> effect.
+


+
+</div><!-- End demo-description -->
+
+</body>
+</html>
Modified: trunk/demos/effects_general/default.html
==============================================================================
--- trunk/demos/effects_general/default.html    (original)
+++ trunk/demos/effects_general/default.html    Wed Dec 31 15:29:44 2008
@@ -1,44 +1,44 @@
-<!doctype html>
-<html lang="en">
-<head>
-    <title>jQuery UI Effects - Bounce Demo</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/effects.core.js"></script>
-    <script type="text/javascript" src="../../ui/effects.bounce.js"></script>
-    <link type="text/css" href="../demos.css" rel="stylesheet" />
-    <style type="text/css">
-        #bounce { width: 240px; height: 135px; padding: 0.4em; }
-        #bounce h3 { margin: 0; padding: 0.4em; text-align: center; }
-    </style>
-    <script type="text/javascript">
-    $(function() {
-        $("#bounce").click(function() {
-            $(this).effect("bounce");
-        });
-    });
-    </script>
-</head>
-<body>
-
-<div class="demo">
-
-<div id="bounce" class="ui-widget-content ui-corner-all">
-    <h3 class="ui-widget-header ui-corner-all">Bounce</h3>
-    


-        Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede.
Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi.
-    



-</div>
-
-</div><!-- End demo -->
-
-<div class="demo-description">
-
-


-Click above to preview the <code>.effect("bounce")</code> effect.
-


-
-</div><!-- End demo-description -->
-
-</body>
-</html>
+<!doctype html>
+<html lang="en">
+<head>
+    <title>jQuery UI Effects - Bounce Demo</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/effects.core.js"></script>
+    <script type="text/javascript" src="../../ui/effects.bounce.js"></script>
+    <link type="text/css" href="../demos.css" rel="stylesheet" />
+    <style type="text/css">
+        #bounce { width: 240px; height: 135px; padding: 0.4em; }
+        #bounce h3 { margin: 0; padding: 0.4em; text-align: center; }
+    </style>
+    <script type="text/javascript">
+    $(function() {
+        $("#bounce").click(function() {
+            $(this).effect("bounce");
+        });
+    });
+    </script>
+</head>
+<body>
+
+<div class="demo">
+
+<div id="bounce" class="ui-widget-content ui-corner-all">
+    <h3 class="ui-widget-header ui-corner-all">Bounce</h3>
+    


+        Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede.
Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi.
+    



+</div>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+


+Click above to preview the <code>.effect("bounce")</code> effect.
+


+
+</div><!-- End demo-description -->
+
+</body>
+</html>
Modified: trunk/demos/effects_general/highlight.html
==============================================================================
--- trunk/demos/effects_general/highlight.html    (original)
+++ trunk/demos/effects_general/highlight.html    Wed Dec 31 15:29:44 2008
@@ -1,44 +1,44 @@
-<!doctype html>
-<html lang="en">
-<head>
-    <title>jQuery UI Effects - Highlight Demo</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/effects.core.js"></script>
-    <script type="text/javascript"
src="../../ui/effects.highlight.js"></script>
-    <link type="text/css" href="../demos.css" rel="stylesheet" />
-    <style type="text/css">
-        #highlight { width: 240px; height: 135px; padding: 0.4em; }
-        #highlight h3 { margin: 0; padding: 0.4em; text-align: center; }
-    </style>
-    <script type="text/javascript">
-    $(function() {
-        $("#highlight").click(function() {
-            $(this).effect("highlight");
-        });
-    });
-    </script>
-</head>
-<body>
-
-<div class="demo">
-
-<div id="highlight" class="ui-widget-content ui-corner-all">
-    <h3 class="ui-widget-header ui-corner-all">Highlight</h3>
-    


-        Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede.
Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi.
-    



-</div>
-
-</div><!-- End demo -->
-
-<div class="demo-description">
-
-


-Click above to preview the <code>.effect("highlight")</code> effect.
-


-
-</div><!-- End demo-description -->
-
-</body>
-</html>
+<!doctype html>
+<html lang="en">
+<head>
+    <title>jQuery UI Effects - Highlight Demo</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/effects.core.js"></script>
+    <script type="text/javascript"
src="../../ui/effects.highlight.js"></script>
+    <link type="text/css" href="../demos.css" rel="stylesheet" />
+    <style type="text/css">
+        #highlight { width: 240px; height: 135px; padding: 0.4em; }
+        #highlight h3 { margin: 0; padding: 0.4em; text-align: center; }
+    </style>
+    <script type="text/javascript">
+    $(function() {
+        $("#highlight").click(function() {
+            $(this).effect("highlight");
+        });
+    });
+    </script>
+</head>
+<body>
+
+<div class="demo">
+
+<div id="highlight" class="ui-widget-content ui-corner-all">
+    <h3 class="ui-widget-header ui-corner-all">Highlight</h3>
+    


+        Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede.
Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi.
+    



+</div>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+


+Click above to preview the <code>.effect("highlight")</code> effect.
+


+
+</div><!-- End demo-description -->
+
+</body>
+</html>
Modified: trunk/demos/effects_general/index.html
==============================================================================
--- trunk/demos/effects_general/index.html    (original)
+++ trunk/demos/effects_general/index.html    Wed Dec 31 15:29:44 2008
@@ -1,23 +1,23 @@
-<!doctype html>
-<html lang="en">
-<head>
-    <title>jQuery UI Effects - General Demos</title>
-    <link type="text/css" href="../demos.css" rel="stylesheet" />
-</head>
-<body>
-
-<div class="demos-nav">
-    <h4>General Effects</h4>
-    <ul>
-        <li class="demo-config-on"><a href="default.html">Bounce</a></li>
-        <li><a href="highlight.html">Highlight</a></li>
-        <li><a href="pulsate.html">Pulsate</a></li>
-        <li><a href="scale.html">Scale</a></li>
-        <li><a href="shake.html">Shake</a></li>
-        <li><a href="size.html">Size</a></li>
-        <li><a href="transfer.html">Transfer</a></li>
-    </ul>
-</div>
-
-</body>
-</html>
+<!doctype html>
+<html lang="en">
+<head>
+    <title>jQuery UI Effects - General Demos</title>
+    <link type="text/css" href="../demos.css" rel="stylesheet" />
+</head>
+<body>
+
+<div class="demos-nav">
+    <h4>General Effects</h4>
+    <ul>
+        <li class="demo-config-on"><a href="default.html">Bounce</a></li>
+        <li><a href="highlight.html">Highlight</a></li>
+        <li><a href="pulsate.html">Pulsate</a></li>
+        <li><a href="scale.html">Scale</a></li>
+        <li><a href="shake.html">Shake</a></li>
+        <li><a href="size.html">Size</a></li>
+        <li><a href="transfer.html">Transfer</a></li>
+    </ul>
+</div>
+
+</body>
+</html>
Modified: trunk/demos/effects_general/pulsate.html
==============================================================================
--- trunk/demos/effects_general/pulsate.html    (original)
+++ trunk/demos/effects_general/pulsate.html    Wed Dec 31 15:29:44 2008
@@ -1,44 +1,44 @@
-<!doctype html>
-<html lang="en">
-<head>
-    <title>jQuery UI Effects - Pulsate Demo</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/effects.core.js"></script>
-    <script type="text/javascript" src="../../ui/effects.pulsate.js"></script>
-    <link type="text/css" href="../demos.css" rel="stylesheet" />
-    <style type="text/css">
-        #pulsate { width: 240px; height: 135px; padding: 0.4em; }
-        #pulsate h3 { margin: 0; padding: 0.4em; text-align: center; }
-    </style>
-    <script type="text/javascript">
-    $(function() {
-        $("#pulsate").click(function() {
-            $(this).effect("pulsate");
-        });
-    });
-    </script>
-</head>
-<body>
-
-<div class="demo">
-
-<div id="pulsate" class="ui-widget-content ui-corner-all">
-    <h3 class="ui-widget-header ui-corner-all">Pulsate</h3>
-    


-        Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede.
Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi.
-    



-</div>
-
-</div><!-- End demo -->
-
-<div class="demo-description">
-
-


-Click above to preview the <code>.effect("pulsate")</code> effect.
-


-
-</div><!-- End demo-description -->
-
-</body>
-</html>
+<!doctype html>
+<html lang="en">
+<head>
+    <title>jQuery UI Effects - Pulsate Demo</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/effects.core.js"></script>
+    <script type="text/javascript" src="../../ui/effects.pulsate.js"></script>
+    <link type="text/css" href="../demos.css" rel="stylesheet" />
+    <style type="text/css">
+        #pulsate { width: 240px; height: 135px; padding: 0.4em; }
+        #pulsate h3 { margin: 0; padding: 0.4em; text-align: center; }
+    </style>
+    <script type="text/javascript">
+    $(function() {
+        $("#pulsate").click(function() {
+            $(this).effect("pulsate");
+        });
+    });
+    </script>
+</head>
+<body>
+
+<div class="demo">
+
+<div id="pulsate" class="ui-widget-content ui-corner-all">
+    <h3 class="ui-widget-header ui-corner-all">Pulsate</h3>
+    


+        Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede.
Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi.
+    



+</div>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+


+Click above to preview the <code>.effect("pulsate")</code> effect.
+


+
+</div><!-- End demo-description -->
+
+</body>
+</html>
Modified: trunk/demos/effects_general/scale.html
==============================================================================
--- trunk/demos/effects_general/scale.html    (original)
+++ trunk/demos/effects_general/scale.html    Wed Dec 31 15:29:44 2008
@@ -1,46 +1,46 @@
-<!doctype html>
-<html lang="en">
-<head>
-    <title>jQuery UI Effects - Scale Demo</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/effects.core.js"></script>
-    <script type="text/javascript" src="../../ui/effects.scale.js"></script>
-    <link type="text/css" href="../demos.css" rel="stylesheet" />
-    <style type="text/css">
-        #scale { width: 240px; height: 135px; padding: 0.4em; }
-        #scale h3 { margin: 0; padding: 0.4em; text-align: center; }
-    </style>
-    <script type="text/javascript">
-    $(function() {
-        $("#scale").toggle(function() {
-            $(this).effect("scale", { percent: 50 });
-        }, function() {
-            $(this).effect("scale", { percent: 200 });
-        });
-    });
-    </script>
-</head>
-<body>
-
-<div class="demo">
-
-<div id="scale" class="ui-widget-content ui-corner-all">
-    <h3 class="ui-widget-header ui-corner-all">Scale</h3>
-    


-        Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede.
Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi.
-    



-</div>
-
-</div><!-- End demo -->
-
-<div class="demo-description">
-
-


-Click above to preview the <code>.effect("scale")</code> effect.
-


-
-</div><!-- End demo-description -->
-
-</body>
-</html>
+<!doctype html>
+<html lang="en">
+<head>
+    <title>jQuery UI Effects - Scale Demo</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/effects.core.js"></script>
+    <script type="text/javascript" src="../../ui/effects.scale.js"></script>
+    <link type="text/css" href="../demos.css" rel="stylesheet" />
+    <style type="text/css">
+        #scale { width: 240px; height: 135px; padding: 0.4em; }
+        #scale h3 { margin: 0; padding: 0.4em; text-align: center; }
+    </style>
+    <script type="text/javascript">
+    $(function() {
+        $("#scale").toggle(function() {
+            $(this).effect("scale", { percent: 50 });
+        }, function() {
+            $(this).effect("scale", { percent: 200 });
+        });
+    });
+    </script>
+</head>
+<body>
+
+<div class="demo">
+
+<div id="scale" class="ui-widget-content ui-corner-all">
+    <h3 class="ui-widget-header ui-corner-all">Scale</h3>
+    


+        Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede.
Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi.
+    



+</div>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+


+Click above to preview the <code>.effect("scale")</code> effect.
+


+
+</div><!-- End demo-description -->
+
+</body>
+</html>
Modified: trunk/demos/effects_general/shake.html
==============================================================================
--- trunk/demos/effects_general/shake.html    (original)
+++ trunk/demos/effects_general/shake.html    Wed Dec 31 15:29:44 2008
@@ -1,44 +1,44 @@
-<!doctype html>
-<html lang="en">
-<head>
-    <title>jQuery UI Effects - Shake Demo</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/effects.core.js"></script>
-    <script type="text/javascript" src="../../ui/effects.shake.js"></script>
-    <link type="text/css" href="../demos.css" rel="stylesheet" />
-    <style type="text/css">
-        #shake { width: 240px; height: 135px; padding: 0.4em; }
-        #shake h3 { margin: 0; padding: 0.4em; text-align: center; }
-    </style>
-    <script type="text/javascript">
-    $(function() {
-        $("#shake").click(function() {
-            $(this).effect("shake");
-        });
-    });
-    </script>
-</head>
-<body>
-
-<div cla