diff options
Diffstat (limited to 'demos')
31 files changed, 127 insertions, 207 deletions
diff --git a/demos/addClass/default.html b/demos/addClass/default.html index 98f7c8c50..9d4b71455 100644 --- a/demos/addClass/default.html +++ b/demos/addClass/default.html @@ -5,7 +5,7 @@ <title>jQuery UI Effects - addClass demo</title> <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> <script src="../../jquery-1.7.2.js"></script> - <script src="../../ui/jquery.effects.core.js"></script> + <script src="../../ui/jquery.ui.effect.js"></script> <link rel="stylesheet" href="../demos.css"> <style> .toggler { width: 500px; height: 200px; position: relative; } diff --git a/demos/animate/default.html b/demos/animate/default.html index 307d030a6..b4488bd17 100644 --- a/demos/animate/default.html +++ b/demos/animate/default.html @@ -5,7 +5,7 @@ <title>jQuery UI Effects - Animate demo</title> <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> <script src="../../jquery-1.7.2.js"></script> - <script src="../../ui/jquery.effects.core.js"></script> + <script src="../../ui/jquery.ui.effect.js"></script> <link rel="stylesheet" href="../demos.css"> <style> .toggler { width: 500px; height: 200px; position: relative; } diff --git a/demos/datepicker/animation.html b/demos/datepicker/animation.html index f2e6452f7..3185b6718 100644 --- a/demos/datepicker/animation.html +++ b/demos/datepicker/animation.html @@ -7,13 +7,13 @@ <script src="../../jquery-1.7.2.js"></script> <script src="../../ui/jquery.ui.core.js"></script> <script src="../../ui/jquery.ui.widget.js"></script> - <script src="../../ui/jquery.effects.core.js"></script> - <script src="../../ui/jquery.effects.blind.js"></script> - <script src="../../ui/jquery.effects.bounce.js"></script> - <script src="../../ui/jquery.effects.clip.js"></script> - <script src="../../ui/jquery.effects.drop.js"></script> - <script src="../../ui/jquery.effects.fold.js"></script> - <script src="../../ui/jquery.effects.slide.js"></script> + <script src="../../ui/jquery.ui.effect.js"></script> + <script src="../../ui/jquery.ui.effect-blind.js"></script> + <script src="../../ui/jquery.ui.effect-bounce.js"></script> + <script src="../../ui/jquery.ui.effect-clip.js"></script> + <script src="../../ui/jquery.ui.effect-drop.js"></script> + <script src="../../ui/jquery.ui.effect-fold.js"></script> + <script src="../../ui/jquery.ui.effect-slide.js"></script> <script src="../../ui/jquery.ui.datepicker.js"></script> <link rel="stylesheet" href="../demos.css"> <script> diff --git a/demos/dialog/animated.html b/demos/dialog/animated.html index 4124ae400..610d38d69 100644 --- a/demos/dialog/animated.html +++ b/demos/dialog/animated.html @@ -13,9 +13,9 @@ <script src="../../ui/jquery.ui.position.js"></script> <script src="../../ui/jquery.ui.resizable.js"></script> <script src="../../ui/jquery.ui.dialog.js"></script> - <script src="../../ui/jquery.effects.core.js"></script> - <script src="../../ui/jquery.effects.blind.js"></script> - <script src="../../ui/jquery.effects.explode.js"></script> + <script src="../../ui/jquery.ui.effect.js"></script> + <script src="../../ui/jquery.ui.effect-blind.js"></script> + <script src="../../ui/jquery.ui.effect-explode.js"></script> <link rel="stylesheet" href="../demos.css"> <script> // increase the default animation speed to exaggerate the effect diff --git a/demos/dialog/modal-form.html b/demos/dialog/modal-form.html index 553335227..fc0b0e1ef 100644 --- a/demos/dialog/modal-form.html +++ b/demos/dialog/modal-form.html @@ -14,7 +14,7 @@ <script src="../../ui/jquery.ui.position.js"></script> <script src="../../ui/jquery.ui.resizable.js"></script> <script src="../../ui/jquery.ui.dialog.js"></script> - <script src="../../ui/jquery.effects.core.js"></script> + <script src="../../ui/jquery.ui.effect.js"></script> <link rel="stylesheet" href="../demos.css"> <style> body { font-size: 62.5%; } diff --git a/demos/droppable/shopping-cart.html b/demos/droppable/shopping-cart.html index 8a08f576b..f3a881fc4 100644 --- a/demos/droppable/shopping-cart.html +++ b/demos/droppable/shopping-cart.html @@ -16,7 +16,7 @@ <style> h1 { padding: .2em; margin: 0; } #products { float:left; width: 500px; margin-right: 2em; } - #cart { width: 200px; float: left; } + #cart { width: 200px; float: left; margin-top: 1em; } /* style the list to maximize the droppable hitarea */ #cart ol { margin: 0; padding: 1em 0 1em 3em; } </style> @@ -49,11 +49,11 @@ <body> <div class="demo"> - + <div id="products"> - <h1 class="ui-widget-header">Products</h1> + <h1 class="ui-widget-header">Products</h1> <div id="catalog"> - <h3><a href="#">T-Shirts</a></h3> + <h2><a href="#">T-Shirts</a></h2> <div> <ul> <li>Lolcat Shirt</li> @@ -61,7 +61,7 @@ <li>Buckit Shirt</li> </ul> </div> - <h3><a href="#">Bags</a></h3> + <h2><a href="#">Bags</a></h2> <div> <ul> <li>Zebra Striped</li> @@ -69,7 +69,7 @@ <li>Alligator Leather</li> </ul> </div> - <h3><a href="#">Gadgets</a></h3> + <h2><a href="#">Gadgets</a></h2> <div> <ul> <li>iPhone</li> diff --git a/demos/effect/default.html b/demos/effect/default.html index deffa6da2..b8251d5be 100644 --- a/demos/effect/default.html +++ b/demos/effect/default.html @@ -5,20 +5,20 @@ <title>jQuery UI Effects - Effect demo</title> <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> <script src="../../jquery-1.7.2.js"></script> - <script src="../../ui/jquery.effects.core.js"></script> - <script src="../../ui/jquery.effects.blind.js"></script> - <script src="../../ui/jquery.effects.bounce.js"></script> - <script src="../../ui/jquery.effects.clip.js"></script> - <script src="../../ui/jquery.effects.drop.js"></script> - <script src="../../ui/jquery.effects.explode.js"></script> - <script src="../../ui/jquery.effects.fade.js"></script> - <script src="../../ui/jquery.effects.fold.js"></script> - <script src="../../ui/jquery.effects.highlight.js"></script> - <script src="../../ui/jquery.effects.pulsate.js"></script> - <script src="../../ui/jquery.effects.scale.js"></script> - <script src="../../ui/jquery.effects.shake.js"></script> - <script src="../../ui/jquery.effects.slide.js"></script> - <script src="../../ui/jquery.effects.transfer.js"></script> + <script src="../../ui/jquery.ui.effect.js"></script> + <script src="../../ui/jquery.ui.effect-blind.js"></script> + <script src="../../ui/jquery.ui.effect-bounce.js"></script> + <script src="../../ui/jquery.ui.effect-clip.js"></script> + <script src="../../ui/jquery.ui.effect-drop.js"></script> + <script src="../../ui/jquery.ui.effect-explode.js"></script> + <script src="../../ui/jquery.ui.effect-fade.js"></script> + <script src="../../ui/jquery.ui.effect-fold.js"></script> + <script src="../../ui/jquery.ui.effect-highlight.js"></script> + <script src="../../ui/jquery.ui.effect-pulsate.js"></script> + <script src="../../ui/jquery.ui.effect-scale.js"></script> + <script src="../../ui/jquery.ui.effect-shake.js"></script> + <script src="../../ui/jquery.ui.effect-slide.js"></script> + <script src="../../ui/jquery.ui.effect-transfer.js"></script> <link rel="stylesheet" href="../demos.css"> <style> .toggler { width: 500px; height: 200px; position: relative; } diff --git a/demos/effect/easing.html b/demos/effect/easing.html index 610e30208..0d90cf0b6 100644 --- a/demos/effect/easing.html +++ b/demos/effect/easing.html @@ -5,7 +5,7 @@ <title>jQuery UI Effects - Easing demo</title> <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> <script src="../../jquery-1.7.2.js"></script> - <script src="../../ui/jquery.effects.core.js"></script> + <script src="../../ui/jquery.ui.effect.js"></script> <link rel="stylesheet" href="../demos.css"> <style> .graph { diff --git a/demos/hide/default.html b/demos/hide/default.html index 75ec1eb38..03bb75bc1 100644 --- a/demos/hide/default.html +++ b/demos/hide/default.html @@ -5,18 +5,18 @@ <title>jQuery UI Effects - Hide Demo</title> <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> <script src="../../jquery-1.7.2.js"></script> - <script src="../../ui/jquery.effects.core.js"></script> - <script src="../../ui/jquery.effects.blind.js"></script> - <script src="../../ui/jquery.effects.bounce.js"></script> - <script src="../../ui/jquery.effects.clip.js"></script> - <script src="../../ui/jquery.effects.drop.js"></script> - <script src="../../ui/jquery.effects.explode.js"></script> - <script src="../../ui/jquery.effects.fold.js"></script> - <script src="../../ui/jquery.effects.highlight.js"></script> - <script src="../../ui/jquery.effects.pulsate.js"></script> - <script src="../../ui/jquery.effects.scale.js"></script> - <script src="../../ui/jquery.effects.shake.js"></script> - <script src="../../ui/jquery.effects.slide.js"></script> + <script src="../../ui/jquery.ui.effect.js"></script> + <script src="../../ui/jquery.ui.effect-blind.js"></script> + <script src="../../ui/jquery.ui.effect-bounce.js"></script> + <script src="../../ui/jquery.ui.effect-clip.js"></script> + <script src="../../ui/jquery.ui.effect-drop.js"></script> + <script src="../../ui/jquery.ui.effect-explode.js"></script> + <script src="../../ui/jquery.ui.effect-fold.js"></script> + <script src="../../ui/jquery.ui.effect-highlight.js"></script> + <script src="../../ui/jquery.ui.effect-pulsate.js"></script> + <script src="../../ui/jquery.ui.effect-scale.js"></script> + <script src="../../ui/jquery.ui.effect-shake.js"></script> + <script src="../../ui/jquery.ui.effect-slide.js"></script> <link rel="stylesheet" href="../demos.css"> <style> .toggler { width: 500px; height: 200px; } diff --git a/demos/index.html b/demos/index.html index 059bf42cb..44cbefa39 100644 --- a/demos/index.html +++ b/demos/index.html @@ -29,19 +29,19 @@ <script src="../ui/jquery.ui.spinner.js"></script> <script src="../ui/jquery.ui.tabs.js"></script> <script src="../ui/jquery.ui.tooltip.js"></script> - <script src="../ui/jquery.effects.core.js"></script> - <script src="../ui/jquery.effects.blind.js"></script> - <script src="../ui/jquery.effects.bounce.js"></script> - <script src="../ui/jquery.effects.clip.js"></script> - <script src="../ui/jquery.effects.drop.js"></script> - <script src="../ui/jquery.effects.explode.js"></script> - <script src="../ui/jquery.effects.fold.js"></script> - <script src="../ui/jquery.effects.highlight.js"></script> - <script src="../ui/jquery.effects.pulsate.js"></script> - <script src="../ui/jquery.effects.scale.js"></script> - <script src="../ui/jquery.effects.shake.js"></script> - <script src="../ui/jquery.effects.slide.js"></script> - <script src="../ui/jquery.effects.transfer.js"></script> + <script src="../ui/jquery.ui.effect.js"></script> + <script src="../ui/jquery.ui.effect-blind.js"></script> + <script src="../ui/jquery.ui.effect-bounce.js"></script> + <script src="../ui/jquery.ui.effect-clip.js"></script> + <script src="../ui/jquery.ui.effect-drop.js"></script> + <script src="../ui/jquery.ui.effect-explode.js"></script> + <script src="../ui/jquery.ui.effect-fold.js"></script> + <script src="../ui/jquery.ui.effect-highlight.js"></script> + <script src="../ui/jquery.ui.effect-pulsate.js"></script> + <script src="../ui/jquery.ui.effect-scale.js"></script> + <script src="../ui/jquery.ui.effect-shake.js"></script> + <script src="../ui/jquery.ui.effect-slide.js"></script> + <script src="../ui/jquery.ui.effect-transfer.js"></script> <script src="../ui/i18n/jquery.ui.datepicker-af.js"></script> <script src="../ui/i18n/jquery.ui.datepicker-ar.js"></script> <script src="../ui/i18n/jquery.ui.datepicker-ar-DZ.js"></script> diff --git a/demos/menu/default.html b/demos/menu/default.html index b1c0b9fbb..b5a0689fb 100644 --- a/demos/menu/default.html +++ b/demos/menu/default.html @@ -1,28 +1,25 @@ -<!DOCTYPE html> +<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> - <title>jQuery UI Menu - Default demo</title> - <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" /> + <title>jQuery UI Menu - Default functionality</title> + <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> <script src="../../jquery-1.7.2.js"></script> <script src="../../ui/jquery.ui.core.js"></script> <script src="../../ui/jquery.ui.widget.js"></script> <script src="../../ui/jquery.ui.menu.js"></script> - <link href="../demos.css" rel="stylesheet" /> + <link rel="stylesheet" href="../demos.css"> <script> $(function() { - $(".demo ul").menu(); + $( "#menu" ).menu(); }); </script> - <style> - - </style> </head> <body> <div class="demo"> - <ul> + <ul id="menu"> <li><a href="#Aberdeen">Aberdeen</a></li> <li><a href="#Ada">Ada</a></li> <li><a href="#Adamsville">Adamsville</a></li> @@ -44,11 +41,9 @@ <div class="demo-description"> -<p>A menu with the default configuration. A list is transformed, adding themeing, mouse and keyboard navigation support. Try to tab to the menu and use the cursor keys to navigate.</p> +<p>A menu with the default configuration. A list is transformed, adding theming, mouse and keyboard navigation support. Try to tab to the menu then use the cursor keys to navigate.</p> </div><!-- End demo-description --> - - </body> </html> diff --git a/demos/menu/index.html b/demos/menu/index.html index b5bdb43fd..f5a49799a 100644 --- a/demos/menu/index.html +++ b/demos/menu/index.html @@ -1,9 +1,9 @@ -<!DOCTYPE html> +<!doctype html> <html lang="en"> <head> - <meta charset="UTF-8" /> + <meta charset="utf-8"> <title>jQuery UI Menu Demos</title> - <link href="../demos.css" rel="stylesheet" /> + <link rel="stylesheet" href="../demos.css"> </head> <body> <div class="demos-nav"> diff --git a/demos/menu/navigationmenu.html b/demos/menu/navigationmenu.html index 8c7b2b993..94dc1b8fa 100644 --- a/demos/menu/navigationmenu.html +++ b/demos/menu/navigationmenu.html @@ -1,18 +1,18 @@ -<!DOCTYPE html> +<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> - <title>jQuery UI Menu - Navigation Menu demo</title> - <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" /> + <title>jQuery UI Menu - Navigation Menu</title> + <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> <script src="../../jquery-1.7.2.js"></script> <script src="../../ui/jquery.ui.core.js"></script> <script src="../../ui/jquery.ui.widget.js"></script> <script src="../../ui/jquery.ui.position.js"></script> <script src="../../ui/jquery.ui.menu.js"></script> - <link href="../demos.css" rel="stylesheet" /> + <link rel="stylesheet" href="../demos.css"> <script> $(function() { - $("#navMenu").menu({ + $( "#menu" ).menu({ select: function( event, ui ) { var link = ui.item.children( "a:first" ); if ( link.attr( "target" ) || event.metaKey || event.shiftKey || event.ctrlKey ) { @@ -24,15 +24,14 @@ }); </script> <style> - body { font-size:62.5%; } - .ui-menu { width: 200px; margin-bottom: 2em; } + .ui-menu { width: 200px; margin-bottom: 2em; } </style> </head> <body> <div class="demo"> - <ul id="navMenu"> + <ul id="menu"> <li><a href="?Aberdeen">Aberdeen</a></li> <li><a href="?Ada">Ada</a></li> <li><a href="?Adamsville">Adamsville</a></li> @@ -74,11 +73,9 @@ <div class="demo-description"> -<p>A navigation menu. A list is transformed, adding themeing, mouse and keyboard navigation support. Try to tab to the menu and use the cursor keys to navigate.</p> +<p>A navigation menu. A list is transformed, adding theming, mouse and keyboard navigation support. Try to tab to the menu then use the cursor keys to navigate.</p> </div><!-- End demo-description --> - - </body> </html> diff --git a/demos/menu/topalignmenu.html b/demos/menu/topalignmenu.html index 7b7e052e4..a6ac11520 100644 --- a/demos/menu/topalignmenu.html +++ b/demos/menu/topalignmenu.html @@ -3,8 +3,8 @@ <head> <meta charset="utf-8"> <title>Menu Demo: Top-aligned Menu</title> - <link type="text/css" href="../demos.css" rel="stylesheet" /> - <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" /> + <link rel="stylesheet" href="../demos.css"> + <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> <script src="../../jquery-1.7.2.js"></script> <script src="../../ui/jquery.ui.core.js"></script> <script src="../../ui/jquery.ui.widget.js"></script> @@ -12,18 +12,21 @@ <script src="../../ui/jquery.ui.menu.js"></script> <script> $(function() { - $("#topMenu").menu({ - position: { of: "ul:has(a.ui-state-focus):last" } + $( "#menu" ).menu({ + position: { of: "ul:has(a.ui-state-focus):last" }, + icons: { + submenu: "ui-icon-carat-1-e" + } }); }); </script> <style> - .ui-menu { width: 200px; margin-bottom: 2em; } + .ui-menu { width: 200px; margin-bottom: 2em; } </style> </head> <body> -<ul id="topMenu"> +<ul id="menu"> <li><a href="#">Aberdeen</a></li> <li><a href="#">Ada</a></li> <li><a href="#">Adamsville</a></li> diff --git a/demos/removeClass/default.html b/demos/removeClass/default.html index a9f7c047d..61d90363a 100644 --- a/demos/removeClass/default.html +++ b/demos/removeClass/default.html @@ -5,7 +5,7 @@ <title>jQuery UI Effects - removeClass Demo</title> <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> <script src="../../jquery-1.7.2.js"></script> - <script src="../../ui/jquery.effects.core.js"></script> + <script src="../../ui/jquery.ui.effect.js"></script> <link rel="stylesheet" href="../demos.css"> <style> .toggler { width: 500px; height: 200px; position: relative; } diff --git a/demos/show/default.html b/demos/show/default.html index 091a71167..c0d1eeea7 100644 --- a/demos/show/default.html +++ b/demos/show/default.html @@ -5,18 +5,18 @@ <title>jQuery UI Effects - Show Demo</title> <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> <script src="../../jquery-1.7.2.js"></script> - <script src="../../ui/jquery.effects.core.js"></script> - <script src="../../ui/jquery.effects.blind.js"></script> - <script src="../../ui/jquery.effects.bounce.js"></script> - <script src="../../ui/jquery.effects.clip.js"></script> - <script src="../../ui/jquery.effects.drop.js"></script> - <script src="../../ui/jquery.effects.explode.js"></script> - <script src="../../ui/jquery.effects.fold.js"></script> - <script src="../../ui/jquery.effects.highlight.js"></script> - <script src="../../ui/jquery.effects.pulsate.js"></script> - <script src="../../ui/jquery.effects.scale.js"></script> - <script src="../../ui/jquery.effects.shake.js"></script> - <script src="../../ui/jquery.effects.slide.js"></script> + <script src="../../ui/jquery.ui.effect.js"></script> + <script src="../../ui/jquery.ui.effect-blind.js"></script> + <script src="../../ui/jquery.ui.effect-bounce.js"></script> + <script src="../../ui/jquery.ui.effect-clip.js"></script> + <script src="../../ui/jquery.ui.effect-drop.js"></script> + <script src="../../ui/jquery.ui.effect-explode.js"></script> + <script src="../../ui/jquery.ui.effect-fold.js"></script> + <script src="../../ui/jquery.ui.effect-highlight.js"></script> + <script src="../../ui/jquery.ui.effect-pulsate.js"></script> + <script src="../../ui/jquery.ui.effect-scale.js"></script> + <script src="../../ui/jquery.ui.effect-shake.js"></script> + <script src="../../ui/jquery.ui.effect-slide.js"></script> <link rel="stylesheet" href="../demos.css"> <style> .toggler { width: 500px; height: 200px; } diff --git a/demos/spinner/currency.html b/demos/spinner/currency.html index 348666143..ff51b0177 100644 --- a/demos/spinner/currency.html +++ b/demos/spinner/currency.html @@ -5,7 +5,7 @@ <title>jQuery UI Spinner - Default functionality</title> <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> <script src="../../jquery-1.7.2.js"></script> - <script src="../../external/jquery.mousewheel-3.0.4.js"></script> + <script src="../../external/jquery.mousewheel.js"></script> <script src="../../external/globalize.js"></script> <script src="../../external/globalize.culture.de-DE.js"></script> <script src="../../external/globalize.culture.ja-JP.js"></script> diff --git a/demos/spinner/decimal.html b/demos/spinner/decimal.html index 0af4c520c..87e413da8 100644 --- a/demos/spinner/decimal.html +++ b/demos/spinner/decimal.html @@ -5,7 +5,7 @@ <title>jQuery UI Spinner - Decimal</title> <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> <script src="../../jquery-1.7.2.js"></script> - <script src="../../external/jquery.mousewheel-3.0.4.js"></script> + <script src="../../external/jquery.mousewheel.js"></script> <script src="../../external/globalize.js"></script> <script src="../../external/globalize.culture.de-DE.js"></script> <script src="../../external/globalize.culture.ja-JP.js"></script> diff --git a/demos/spinner/default.html b/demos/spinner/default.html index 1827724b9..b857a9095 100644 --- a/demos/spinner/default.html +++ b/demos/spinner/default.html @@ -5,7 +5,7 @@ <title>jQuery UI Spinner - Default functionality</title> <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> <script src="../../jquery-1.7.2.js"></script> - <script src="../../external/jquery.mousewheel-3.0.4.js"></script> + <script src="../../external/jquery.mousewheel.js"></script> <script src="../../ui/jquery.ui.core.js"></script> <script src="../../ui/jquery.ui.widget.js"></script> <script src="../../ui/jquery.ui.button.js"></script> diff --git a/demos/spinner/latlong.html b/demos/spinner/latlong.html index f4292c56a..eafbd257f 100644 --- a/demos/spinner/latlong.html +++ b/demos/spinner/latlong.html @@ -6,7 +6,7 @@ <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> <script src="http://maps.google.com/maps/api/js?sensor=false"></script> <script src="../../jquery-1.7.2.js"></script> - <script src="../../external/jquery.mousewheel-3.0.4.js"></script> + <script src="../../external/jquery.mousewheel.js"></script> <script src="../../ui/jquery.ui.core.js"></script> <script src="../../ui/jquery.ui.widget.js"></script> <script src="../../ui/jquery.ui.button.js"></script> diff --git a/demos/spinner/overflow.html b/demos/spinner/overflow.html index 312853ddb..17d1ca30b 100644 --- a/demos/spinner/overflow.html +++ b/demos/spinner/overflow.html @@ -5,7 +5,7 @@ <title>jQuery UI Spinner - Overflow</title> <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> <script src="../../jquery-1.7.2.js"></script> - <script src="../../external/jquery.mousewheel-3.0.4.js"></script> + <script src="../../external/jquery.mousewheel.js"></script> <script src="../../ui/jquery.ui.core.js"></script> <script src="../../ui/jquery.ui.widget.js"></script> <script src="../../ui/jquery.ui.button.js"></script> diff --git a/demos/spinner/time.html b/demos/spinner/time.html index 8f8088486..a45a801d5 100644 --- a/demos/spinner/time.html +++ b/demos/spinner/time.html @@ -5,7 +5,7 @@ <title>jQuery UI Spinner - Time</title> <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> <script src="../../jquery-1.7.2.js"></script> - <script src="../../external/jquery.mousewheel-3.0.4.js"></script> + <script src="../../external/jquery.mousewheel.js"></script> <script src="../../external/globalize.js"></script> <script src="../../external/globalize.culture.de-DE.js"></script> <script src="../../ui/jquery.ui.core.js"></script> diff --git a/demos/switchClass/default.html b/demos/switchClass/default.html index 673a19d3b..8b8ecd79b 100644 --- a/demos/switchClass/default.html +++ b/demos/switchClass/default.html @@ -5,7 +5,7 @@ <title>jQuery UI Effects - switchClass Demo</title> <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> <script src="../../jquery-1.7.2.js"></script> - <script src="../../ui/jquery.effects.core.js"></script> + <script src="../../ui/jquery.ui.effect.js"></script> <link rel="stylesheet" href="../demos.css"> <style> .toggler { width: 500px; height: 200px; position: relative; } diff --git a/demos/tabs/cookie.html b/demos/tabs/cookie.html deleted file mode 100644 index 1b71906e1..000000000 --- a/demos/tabs/cookie.html +++ /dev/null @@ -1,57 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="utf-8"> - <title>jQuery UI Tabs - Default functionality</title> - <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> - <script src="../../jquery-1.7.2.js"></script> - <script src="../../external/jquery.cookie.js"></script> - <script src="../../ui/jquery.ui.core.js"></script> - <script src="../../ui/jquery.ui.widget.js"></script> - <script src="../../ui/jquery.ui.tabs.js"></script> - <link rel="stylesheet" href="../demos.css"> - <script> - $(function() { - $( "#tabs" ).tabs({ - cookie: { - // store cookie for a day, without, it would be a session cookie - expires: 1 - } - }); - }); - </script> -</head> -<body> - -<div class="demo"> - -<div id="tabs"> - <ul> - <li><a href="#tabs-1">Nunc tincidunt</a></li> - <li><a href="#tabs-2">Proin dolor</a></li> - <li><a href="#tabs-3">Aenean lacinia</a></li> - </ul> - <div id="tabs-1"> - <p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.</p> - </div> - <div id="tabs-2"> - <p>Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc. Duis scelerisque molestie turpis. Sed fringilla, massa eget luctus malesuada, metus eros molestie lectus, ut tempus eros massa ut dolor. Aenean aliquet fringilla sem. Suspendisse sed ligula in ligula suscipit aliquam. Praesent in eros vestibulum mi adipiscing adipiscing. Morbi facilisis. Curabitur ornare consequat nunc. Aenean vel metus. Ut posuere viverra nulla. Aliquam erat volutpat. Pellentesque convallis. Maecenas feugiat, tellus pellentesque pretium posuere, felis lorem euismod felis, eu ornare leo nisi vel felis. Mauris consectetur tortor et purus.</p> - </div> - <div id="tabs-3"> - <p>Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce sodales. Quisque eu urna vel enim commodo pellentesque. Praesent eu risus hendrerit ligula tempus pretium. Curabitur lorem enim, pretium nec, feugiat nec, luctus a, lacus.</p> - <p>Duis cursus. Maecenas ligula eros, blandit nec, pharetra at, semper at, magna. Nullam ac lacus. Nulla facilisi. Praesent viverra justo vitae neque. Praesent blandit adipiscing velit. Suspendisse potenti. Donec mattis, pede vel pharetra blandit, magna ligula faucibus eros, id euismod lacus dolor eget odio. Nam scelerisque. Donec non libero sed nulla mattis commodo. Ut sagittis. Donec nisi lectus, feugiat porttitor, tempor ac, tempor vitae, pede. Aenean vehicula velit eu tellus interdum rutrum. Maecenas commodo. Pellentesque nec elit. Fusce in lacus. Vivamus a libero vitae lectus hendrerit hendrerit.</p> - </div> -</div> - -</div><!-- End demo --> - - - -<div class="demo-description"> -<p>Looks the same as the default demo, but uses cookie to store the selected tab, and restore it when the page (re)loads. -The cookie is stored for a day, so tabs will be restored even after closing the browser. Use cookie: {} for using cookies with default options.</p> -<p>The cookie option requires the cookie plugin, which can be found in the development-bundle > external folder from the download builder.</p> -</div><!-- End demo-description --> - -</body> -</html> diff --git a/demos/tabs/index.html b/demos/tabs/index.html index c0d668435..dbf7fee5a 100644 --- a/demos/tabs/index.html +++ b/demos/tabs/index.html @@ -17,7 +17,6 @@ <li><a href="sortable.html">Sortable</a></li> <li><a href="manipulation.html">Simple manipulation</a></li> <li><a href="bottom.html">Tabs below content</a></li> - <li><a href="cookie.html">Cookie persistence</a></li> </ul> </div> diff --git a/demos/toggle/default.html b/demos/toggle/default.html index 5dcd5eff8..2d1b708b0 100644 --- a/demos/toggle/default.html +++ b/demos/toggle/default.html @@ -5,18 +5,18 @@ <title>jQuery UI Effects - Toggle Demo</title> <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> <script src="../../jquery-1.7.2.js"></script> - <script src="../../ui/jquery.effects.core.js"></script> - <script src="../../ui/jquery.effects.blind.js"></script> - <script src="../../ui/jquery.effects.bounce.js"></script> - <script src="../../ui/jquery.effects.clip.js"></script> - <script src="../../ui/jquery.effects.drop.js"></script> - <script src="../../ui/jquery.effects.explode.js"></script> - <script src="../../ui/jquery.effects.fold.js"></script> - <script src="../../ui/jquery.effects.highlight.js"></script> - <script src="../../ui/jquery.effects.pulsate.js"></script> - <script src="../../ui/jquery.effects.scale.js"></script> - <script src="../../ui/jquery.effects.shake.js"></script> - <script src="../../ui/jquery.effects.slide.js"></script> + <script src="../../ui/jquery.ui.effect.js"></script> + <script src="../../ui/jquery.ui.effect-blind.js"></script> + <script src="../../ui/jquery.ui.effect-bounce.js"></script> + <script src="../../ui/jquery.ui.effect-clip.js"></script> + <script src="../../ui/jquery.ui.effect-drop.js"></script> + <script src="../../ui/jquery.ui.effect-explode.js"></script> + <script src="../../ui/jquery.ui.effect-fold.js"></script> + <script src="../../ui/jquery.ui.effect-highlight.js"></script> + <script src="../../ui/jquery.ui.effect-pulsate.js"></script> + <script src="../../ui/jquery.ui.effect-scale.js"></script> + <script src="../../ui/jquery.ui.effect-shake.js"></script> + <script src="../../ui/jquery.ui.effect-slide.js"></script> <link rel="stylesheet" href="../demos.css"> <style> .toggler { diff --git a/demos/toggleClass/default.html b/demos/toggleClass/default.html index a7c100fcc..544c0b95b 100644 --- a/demos/toggleClass/default.html +++ b/demos/toggleClass/default.html @@ -5,7 +5,7 @@ <title>jQuery UI Effects - toggleClass Demo</title> <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> <script src="../../jquery-1.7.2.js"></script> - <script src="../../ui/jquery.effects.core.js"></script> + <script src="../../ui/jquery.ui.effect.js"></script> <link rel="stylesheet" href="../demos.css"> <style> .toggler { width: 500px; height: 200px; position: relative; } diff --git a/demos/tooltip/custom-animation.html b/demos/tooltip/custom-animation.html index 4452a3002..8a55e455d 100644 --- a/demos/tooltip/custom-animation.html +++ b/demos/tooltip/custom-animation.html @@ -9,8 +9,8 @@ <script src="../../ui/jquery.ui.widget.js"></script> <script src="../../ui/jquery.ui.position.js"></script> <script src="../../ui/jquery.ui.tooltip.js"></script> - <script src="../../ui/jquery.effects.core.js"></script> - <script src="../../ui/jquery.effects.explode.js"></script> + <script src="../../ui/jquery.ui.effect.js"></script> + <script src="../../ui/jquery.ui.effect-explode.js"></script> <link rel="stylesheet" href="../demos.css"> <script> $(function() { diff --git a/demos/tooltip/tracking.html b/demos/tooltip/tracking.html index 9f9ce1752..ab0237da6 100644 --- a/demos/tooltip/tracking.html +++ b/demos/tooltip/tracking.html @@ -19,24 +19,7 @@ <script> $(function() { $( ".demo" ).tooltip({ - position: { - my: "left+25 center", - at: "center" - }, - open: function( event ) { - var tooltip = $( ".ui-tooltip" ), - positionOption = $( this ).tooltip( "option", "position" ); - function position( event ) { - positionOption.of = event; - tooltip.position( positionOption ); - } - $( document ).bind( "mousemove.tooltip-position", position ); - // trigger once to override element-relative positioning - position( event ); - }, - close: function() { - $( document ).unbind( "mousemove.tooltip-position" ); - } + track: true }); }); </script> diff --git a/demos/tooltip/video-player.html b/demos/tooltip/video-player.html index 55a0f83af..1e17ae163 100644 --- a/demos/tooltip/video-player.html +++ b/demos/tooltip/video-player.html @@ -11,8 +11,8 @@ <script src="../../ui/jquery.ui.tooltip.js"></script> <script src="../../ui/jquery.ui.button.js"></script> <script src="../../ui/jquery.ui.menu.js"></script> - <script src="../../ui/jquery.effects.core.js"></script> - <script src="../../ui/jquery.effects.blind.js"></script> + <script src="../../ui/jquery.ui.effect.js"></script> + <script src="../../ui/jquery.ui.effect-blind.js"></script> <link rel="stylesheet" href="../demos.css"> <style> .player { diff --git a/demos/widget/default.html b/demos/widget/default.html index f39825034..8d08256ce 100644 --- a/demos/widget/default.html +++ b/demos/widget/default.html @@ -56,8 +56,8 @@ .button(); // bind click events on the changer button to the random method - this._bind( this.changer, { - // _bind won't call random when widget is disabled + this._on( this.changer, { + // _on won't call random when widget is disabled click: "random" }); this._refresh(); @@ -90,7 +90,7 @@ } }, - // events bound via _bind are removed automatically + // events bound via _on are removed automatically // revert other modifications here _destroy: function() { // remove generated elements |