diff options
Diffstat (limited to 'demos/real-world')
| -rw-r--r-- | demos/real-world/accordion-drawers/index.html | 4 | ||||
| -rw-r--r-- | demos/real-world/effects/index.html | 187 | ||||
| -rw-r--r-- | demos/real-world/effects/style.css | 17 | ||||
| -rw-r--r-- | demos/real-world/image-cropper/index.html | 23 | ||||
| -rw-r--r-- | demos/real-world/layout/index.html | 14 | ||||
| -rw-r--r-- | demos/real-world/photo-manager/index.html | 6 | ||||
| -rw-r--r-- | demos/real-world/product-slider/index.html | 4 | ||||
| -rw-r--r-- | demos/real-world/range-interface/index.html | 30 | ||||
| -rw-r--r-- | demos/real-world/splitpane/index.html | 4 |
9 files changed, 171 insertions, 118 deletions
diff --git a/demos/real-world/accordion-drawers/index.html b/demos/real-world/accordion-drawers/index.html index 4035ac7dd..1c9303432 100644 --- a/demos/real-world/accordion-drawers/index.html +++ b/demos/real-world/accordion-drawers/index.html @@ -151,8 +151,8 @@ blockquote, q { <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.accordion.js"></script> + <script type="text/javascript" src="../../../ui/ui.core.js"></script> + <script type="text/javascript" src="../../../ui/ui.accordion.js"></script> <script type="text/javascript"> diff --git a/demos/real-world/effects/index.html b/demos/real-world/effects/index.html index 81a451c85..c4d5d0c65 100644 --- a/demos/real-world/effects/index.html +++ b/demos/real-world/effects/index.html @@ -1,120 +1,165 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" - "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!DOCTYPE html> <html> - <head> - <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> - <title>Effects Test Suite</title> - <link rel="stylesheet" href="style.css" type="text/css" media="screen" title="no title" charset="utf-8" /> - - <script type="text/javascript" src="../../../jquery-1.2.6.js"></script> - <script type="text/javascript" src="../../../source/effects.core.js"></script> - - <script type="text/javascript" src="../../../source/effects.blind.js"></script> - <script type="text/javascript" src="../../../source/effects.bounce.js"></script> - <script type="text/javascript" src="../../../source/effects.clip.js"></script> - <script type="text/javascript" src="../../../source/effects.drop.js"></script> - <script type="text/javascript" src="../../../source/effects.explode.js"></script> - <script type="text/javascript" src="../../../source/effects.fold.js"></script> - <script type="text/javascript" src="../../../source/effects.highlight.js"></script> - <script type="text/javascript" src="../../../source/effects.pulsate.js"></script> - <script type="text/javascript" src="../../../source/effects.scale.js"></script> - <script type="text/javascript" src="../../../source/effects.shake.js"></script> - <script type="text/javascript" src="../../../source/effects.slide.js"></script> - <script type="text/javascript" src="../../../source/effects.transfer.js"></script> - - <script type="text/javascript" src="demo.js"></script> +<head> + <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> + <title>Effects Test Suite</title> + <link rel="stylesheet" href="style.css" type="text/css" media="screen" title="no title" charset="utf-8" /> + <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.blind.js"></script> + <script type="text/javascript" src="../../../ui/effects.bounce.js"></script> + <script type="text/javascript" src="../../../ui/effects.clip.js"></script> + <script type="text/javascript" src="../../../ui/effects.drop.js"></script> + <script type="text/javascript" src="../../../ui/effects.explode.js"></script> + <script type="text/javascript" src="../../../ui/effects.fold.js"></script> + <script type="text/javascript" src="../../../ui/effects.highlight.js"></script> + <script type="text/javascript" src="../../../ui/effects.pulsate.js"></script> + <script type="text/javascript" src="../../../ui/effects.scale.js"></script> + <script type="text/javascript" src="../../../ui/effects.shake.js"></script> + <script type="text/javascript" src="../../../ui/effects.slide.js"></script> + <script type="text/javascript" src="../../../ui/effects.transfer.js"></script> + + <script type="text/javascript" src="demo.js"></script> +</head> +<body> - </head> - <body> - +<ul class="effects"> + + <li> <div class="effect" id="blindHorizontally"> <p>Blind horizontally</p> </div> - + </li> + + <li> <div class="effect" id="blindVertically"> <p>Blind vertically</p> </div> - + </li> + + <li> <div class="effect" id="bounce3times"> - <p>Bounce 3 times</p> + <p>Bounce 3 times</p> </div> - + </li> + + <li> <div class="effect" id="clipHorizontally"> - <p>Clip horizontally</p> + <p>Clip horizontally</p> </div> - + </li> + + <li> <div class="effect" id="clipVertically"> - <p>Clip vertically</p> + <p>Clip vertically</p> </div> - + </li> + + <li> <div class="effect" id="dropDown"> - <p>Drop down</p> + <p>Drop down</p> </div> - + </li> + + <li> <div class="effect" id="dropUp"> - <p>Drop up</p> + <p>Drop up</p> </div> - + </li> + + <li> <div class="effect" id="dropLeft"> - <p>Drop left</p> + <p>Drop left</p> </div> - + </li> + + <li> <div class="effect" id="dropRight"> - <p>Drop right</p> + <p>Drop right</p> </div> - + </li> + + <li> <div class="effect" id="explode9"> - <p>Explode in 9 pieces</p> + <p>Explode in 9 pieces</p> </div> - + </li> + + <li> <div class="effect" id="explode36"> - <p>Explode in 36 pieces</p> + <p>Explode in 36 pieces</p> </div> - + </li> + + <li> <div class="effect" id="fold"> - <p>Fold</p> + <p>Fold</p> </div> - + </li> + + <li> <div class="effect" id="highlight"> - <p>Highlight</p> + <p>Highlight</p> </div> - + </li> + + <li> <div class="effect" id="pulsate"> - <p>Pulsate 2 times</p> + <p>Pulsate 2 times</p> </div> - + </li> + + <li> <div class="effect" id="puff"> - <p>Puff</p> + <p>Puff</p> </div> - + </li> + + <li> <div class="effect" id="scale"> - <p>Scale</p> + <p>Scale</p> </div> - + </li> + + <li> <div class="effect" id="shake"> - <p>Shake</p> + <p>Shake</p> </div> - + </li> + + <li> <div class="effect" id="slideDown"> - <p>Slide down</p> + <p>Slide down</p> </div> - + </li> + + <li> <div class="effect" id="slideUp"> - <p>Slide up</p> + <p>Slide up</p> </div> - + </li> + + <li> <div class="effect" id="slideLeft"> - <p>Slide left</p> + <p>Slide left</p> </div> - + </li> + + <li> <div class="effect" id="slideRight"> - <p>Slide right</p> + <p>Slide right</p> </div> - + </li> + + <li> <div class="effect" id="transfer"> - <p>Transfer to first element</p> + <p>Transfer to first element</p> </div> - - </body> -</html>
\ No newline at end of file + </li> + +</ul> + +</body> +</html> diff --git a/demos/real-world/effects/style.css b/demos/real-world/effects/style.css index f7ae220ef..88d513b2c 100644 --- a/demos/real-world/effects/style.css +++ b/demos/real-world/effects/style.css @@ -6,14 +6,27 @@ body,html { background: #000; } +ul.effects { + margin: 0; + padding: 0; +} + +ul.effects li { + margin: 0; + padding: 0; + width: 120px; + height: 100px; + float: left; + margin-top: 20px; + margin-left: 20px; +} + div.effect { width: 120px; height: 100px; background: #333; border: 5px outset #aaa; float: left; - margin-top: 20px; - margin-left: 20px; cursor: pointer; cursor: hand; } diff --git a/demos/real-world/image-cropper/index.html b/demos/real-world/image-cropper/index.html index 9cce4f120..3fff4f5ea 100644 --- a/demos/real-world/image-cropper/index.html +++ b/demos/real-world/image-cropper/index.html @@ -1,17 +1,18 @@ <!DOCTYPE html> <html lang="en"> <head> -<meta http-equiv="Content-Language" content="en" /> -<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> -<title>Image Cropper: jQuery Real-world Demo</title> -<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> -<script type="text/javascript" src="../../ui/ui.draggable.js"></script> - -<script type="text/javascript" src="../../../source/effects.core.js"></script> -<script type="text/javascript" src="../../../source/effects.bounce.js"></script> -<script type="text/javascript" src="../../../source/effects.scale.js"></script> + <meta http-equiv="Content-Language" content="en" /> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> + <title>Image Cropper: jQuery Real-world Demo</title> + + <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> + <script type="text/javascript" src="../../../ui/ui.draggable.js"></script> + + <script type="text/javascript" src="../../../ui/effects.core.js"></script> + <script type="text/javascript" src="../../../ui/effects.bounce.js"></script> + <script type="text/javascript" src="../../../ui/effects.scale.js"></script> <style type="text/css"> diff --git a/demos/real-world/layout/index.html b/demos/real-world/layout/index.html index 1e25909f5..7e305c956 100644 --- a/demos/real-world/layout/index.html +++ b/demos/real-world/layout/index.html @@ -76,19 +76,13 @@ <div id="preloader"><img src="loader.gif" alt="" /></div> </div> - <!-- jQuery Core --> <script type="text/javascript" src="../../../jquery-1.2.6.js"></script> - <!-- jQuery UI Base --> - <script type="text/javascript" src="../../ui/ui.core.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.droppable.js"></script> + <script type="text/javascript" src="../../../ui/ui.sortable.js"></script> - <!-- jQuery UI Plugins --> - <script type="text/javascript" src="../../ui/ui.draggable.js"></script> - <script type="text/javascript" src="../../ui/ui.droppable.js"></script> - <script type="text/javascript" src="../../ui/ui.sortable.js"></script> - - - <!-- jQuery UI Demo --> <script type="text/javascript" src="demo.js"></script> </body> </html>
\ No newline at end of file diff --git a/demos/real-world/photo-manager/index.html b/demos/real-world/photo-manager/index.html index 1b3b6374b..de2fc0893 100644 --- a/demos/real-world/photo-manager/index.html +++ b/demos/real-world/photo-manager/index.html @@ -12,9 +12,9 @@ <script type="text/javascript" src="js/jquery.livequery.js"></script> <script type="text/javascript" src="js/jquery.blockUI.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.droppable.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.droppable.js"></script> <script type="text/javascript" src="./js/demo.js"></script> diff --git a/demos/real-world/product-slider/index.html b/demos/real-world/product-slider/index.html index 59cece8e0..b07b68c03 100644 --- a/demos/real-world/product-slider/index.html +++ b/demos/real-world/product-slider/index.html @@ -99,8 +99,8 @@ </style> <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.slider.js"></script> + <script type="text/javascript" src="../../../ui/ui.core.js"></script> + <script type="text/javascript" src="../../../ui/ui.slider.js"></script> <script type="text/javascript" charset="utf-8"> /** diff --git a/demos/real-world/range-interface/index.html b/demos/real-world/range-interface/index.html index baaaa901c..856f86342 100644 --- a/demos/real-world/range-interface/index.html +++ b/demos/real-world/range-interface/index.html @@ -6,21 +6,21 @@ <title>Slider Test Page</title> <script src="../../../jquery-1.2.6.js" type="text/javascript" charset="utf-8"></script> <link rel="stylesheet" href="../../../themes/flora/flora.all.css" type="text/css" media="screen" title="no title" charset="utf-8"> -<script src="../../ui/ui.core.js" type="text/javascript" charset="utf-8"></script> -<script src="../../ui/ui.slider.js" type="text/javascript" charset="utf-8"></script> -<script src="../../../source/effects.core.js" type="text/javascript" charset="utf-8"></script> -<script src="../../../source/effects.blind.js" type="text/javascript" charset="utf-8"></script> -<script src="../../../source/effects.bounce.js" type="text/javascript" charset="utf-8"></script> -<script src="../../../source/effects.clip.js" type="text/javascript" charset="utf-8"></script> -<script src="../../../source/effects.drop.js" type="text/javascript" charset="utf-8"></script> -<script src="../../../source/effects.explode.js" type="text/javascript" charset="utf-8"></script> -<script src="../../../source/effects.fold.js" type="text/javascript" charset="utf-8"></script> -<script src="../../../source/effects.highlight.js" type="text/javascript" charset="utf-8"></script> -<script src="../../../source/effects.pulsate.js" type="text/javascript" charset="utf-8"></script> -<script src="../../../source/effects.scale.js" type="text/javascript" charset="utf-8"></script> -<script src="../../../source/effects.shake.js" type="text/javascript" charset="utf-8"></script> -<script src="../../../source/effects.slide.js" type="text/javascript" charset="utf-8"></script> -<script src="../../../source/effects.transfer.js" type="text/javascript" charset="utf-8"></script> +<script src="../../../ui/ui.core.js" type="text/javascript" charset="utf-8"></script> +<script src="../../../ui/ui.slider.js" type="text/javascript" charset="utf-8"></script> +<script src="../../../ui/effects.core.js" type="text/javascript" charset="utf-8"></script> +<script src="../../../ui/effects.blind.js" type="text/javascript" charset="utf-8"></script> +<script src="../../../ui/effects.bounce.js" type="text/javascript" charset="utf-8"></script> +<script src="../../../ui/effects.clip.js" type="text/javascript" charset="utf-8"></script> +<script src="../../../ui/effects.drop.js" type="text/javascript" charset="utf-8"></script> +<script src="../../../ui/effects.explode.js" type="text/javascript" charset="utf-8"></script> +<script src="../../../ui/effects.fold.js" type="text/javascript" charset="utf-8"></script> +<script src="../../../ui/effects.highlight.js" type="text/javascript" charset="utf-8"></script> +<script src="../../../ui/effects.pulsate.js" type="text/javascript" charset="utf-8"></script> +<script src="../../../ui/effects.scale.js" type="text/javascript" charset="utf-8"></script> +<script src="../../../ui/effects.shake.js" type="text/javascript" charset="utf-8"></script> +<script src="../../../ui/effects.slide.js" type="text/javascript" charset="utf-8"></script> +<script src="../../../ui/effects.transfer.js" type="text/javascript" charset="utf-8"></script> <style type="text/css" media="all"> #wrap { diff --git a/demos/real-world/splitpane/index.html b/demos/real-world/splitpane/index.html index 033cf2ffc..17b7c88e5 100644 --- a/demos/real-world/splitpane/index.html +++ b/demos/real-world/splitpane/index.html @@ -9,8 +9,8 @@ <script type="text/javascript" src="../../../jquery-1.2.6.js"></script> <!-- jQuery UI --> - <script type="text/javascript" src="../../ui/ui.core.js"></script> - <script type="text/javascript" src="../../ui/ui.resizable.js"></script> + <script type="text/javascript" src="../../../ui/ui.core.js"></script> + <script type="text/javascript" src="../../../ui/ui.resizable.js"></script> <script src="js/demo.js" type="text/javascript" charset="utf-8"></script> |