diff options
-rw-r--r-- | ui/demos/real-world/accordion-drawers/index.html | 12 | ||||
-rw-r--r-- | ui/demos/real-world/image-cropper/index.html | 23 | ||||
-rw-r--r-- | ui/demos/real-world/layout/index.html | 19 | ||||
-rw-r--r-- | ui/demos/real-world/photo-manager/index.html | 19 | ||||
-rw-r--r-- | ui/demos/real-world/photo-manager/js/jquery.blockUI.js | 361 | ||||
-rw-r--r-- | ui/demos/real-world/photo-manager/js/jquery.livequery.js | 250 | ||||
-rw-r--r-- | ui/demos/real-world/product-slider/index.html | 14 | ||||
-rw-r--r-- | ui/demos/real-world/splitpane/index.html | 25 |
8 files changed, 642 insertions, 81 deletions
diff --git a/ui/demos/real-world/accordion-drawers/index.html b/ui/demos/real-world/accordion-drawers/index.html index 6cb3d63f8..be8a4877d 100644 --- a/ui/demos/real-world/accordion-drawers/index.html +++ b/ui/demos/real-world/accordion-drawers/index.html @@ -149,17 +149,11 @@ blockquote, q { -->
</style>
- <script type="text/javascript" src="../../../../jquery/src/core.js"></script>
- <script type="text/javascript" src="../../../../jquery/src/selector.js"></script>
- <script type="text/javascript" src="../../../../jquery/src/event.js"></script>
- <script type="text/javascript" src="../../../../jquery/src/ajax.js"></script>
- <script type="text/javascript" src="../../../../jquery/src/fx.js"></script>
- <script type="text/javascript" src="../../../../jquery/src/offset.js"></script>
- <script type="text/javascript" src="../../../../jquery/src/dimensions.js"></script>
+ <script type="text/javascript" src="../../../../jquery/jquery-1.2.5.js"></script>
- <script type="text/javascript" src="../../../ui.core.js"></script>
+ <script type="text/javascript" src="../../../source/ui.core.js"></script>
+ <script type="text/javascript" src="../../../source/ui.accordion.js"></script>
- <script type="text/javascript" src="../../../ui.accordion.js"></script>
<script type="text/javascript">
<!--
diff --git a/ui/demos/real-world/image-cropper/index.html b/ui/demos/real-world/image-cropper/index.html index e41fb978e..af79c5265 100644 --- a/ui/demos/real-world/image-cropper/index.html +++ b/ui/demos/real-world/image-cropper/index.html @@ -4,21 +4,14 @@ <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/src/core.js"></script>
-<script type="text/javascript" src="../../../../jquery/src/selector.js"></script>
-<script type="text/javascript" src="../../../../jquery/src/event.js"></script>
-<script type="text/javascript" src="../../../../jquery/src/ajax.js"></script>
-<script type="text/javascript" src="../../../../jquery/src/fx.js"></script>
-<script type="text/javascript" src="../../../../jquery/src/offset.js"></script>
-<script type="text/javascript" src="../../../../jquery/src/dimensions.js"></script>
-
-<script type="text/javascript" src="../../../ui.core.js"></script>
-<script type="text/javascript" src="../../../ui.resizable.js"></script>
-<script type="text/javascript" src="../../../ui.draggable.js"></script>
-
-<script type="text/javascript" src="../../../../fx/fx.js"></script>
-<script type="text/javascript" src="../../../../fx/fx.bounce.js"></script>
-<script type="text/javascript" src="../../../../fx/fx.scale.js"></script>
+<script type="text/javascript" src="../../../../jquery/jquery-1.2.5.js"></script>
+<script type="text/javascript" src="../../../source/ui.core.js"></script>
+<script type="text/javascript" src="../../../source/ui.resizable.js"></script>
+<script type="text/javascript" src="../../../source/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>
<style type="text/css">
diff --git a/ui/demos/real-world/layout/index.html b/ui/demos/real-world/layout/index.html index b0e423a7f..df4b8f9d9 100644 --- a/ui/demos/real-world/layout/index.html +++ b/ui/demos/real-world/layout/index.html @@ -77,21 +77,16 @@ </div>
<!-- jQuery Core -->
- <script type="text/javascript" src="../../../../jquery/src/core.js"></script>
- <script type="text/javascript" src="../../../../jquery/src/selector.js"></script>
- <script type="text/javascript" src="../../../../jquery/src/event.js"></script>
- <script type="text/javascript" src="../../../../jquery/src/ajax.js"></script>
- <script type="text/javascript" src="../../../../jquery/src/fx.js"></script>
- <script type="text/javascript" src="../../../../jquery/src/offset.js"></script>
- <script type="text/javascript" src="../../../../jquery/src/dimensions.js"></script>
+ <script type="text/javascript" src="../../../../jquery/jquery-1.2.5.js"></script>
<!-- jQuery UI Base -->
- <script type="text/javascript" src="../../../ui.core.js"></script>
-
+ <script type="text/javascript" src="../../../source/ui.core.js"></script>
+
<!-- jQuery UI Plugins -->
- <script type="text/javascript" src="../../../ui.draggable.js"></script>
- <script type="text/javascript" src="../../../ui.droppable.js"></script>
- <script type="text/javascript" src="../../../ui.sortable.js"></script>
+ <script type="text/javascript" src="../../../source/ui.draggable.js"></script>
+ <script type="text/javascript" src="../../../source/ui.droppable.js"></script>
+ <script type="text/javascript" src="../../../source/ui.sortable.js"></script>
+
<!-- jQuery UI Demo -->
<script type="text/javascript" src="demo.js"></script>
diff --git a/ui/demos/real-world/photo-manager/index.html b/ui/demos/real-world/photo-manager/index.html index 9c880aef6..c494fad9b 100644 --- a/ui/demos/real-world/photo-manager/index.html +++ b/ui/demos/real-world/photo-manager/index.html @@ -8,20 +8,13 @@ <meta name="keywords" content="jquery, ui, droppables, draggables, demo" />
<meta name="description" content="Demonstration of jQuery UI Droppables and Dragables. More to come." />
+ <script type="text/javascript" src="../../../../jquery/jquery-1.2.5.js"></script>
+ <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="../../../../jquery/src/core.js"></script>
- <script type="text/javascript" src="../../../../jquery/src/selector.js"></script>
- <script type="text/javascript" src="../../../../jquery/src/event.js"></script>
- <script type="text/javascript" src="../../../../jquery/src/ajax.js"></script>
- <script type="text/javascript" src="../../../../jquery/src/fx.js"></script>
- <script type="text/javascript" src="../../../../jquery/src/offset.js"></script>
- <script type="text/javascript" src="../../../../jquery/src/dimensions.js"></script>
- <script type="text/javascript" src="../../../../plugins/livequery/jquery.livequery.js"></script>
- <script type="text/javascript" src="../../../../plugins/blockUI/jquery.blockUI.js"></script>
-
- <script type="text/javascript" src="../../../ui.core.js"></script>
- <script type="text/javascript" src="../../../ui.draggable.js"></script>
- <script type="text/javascript" src="../../../ui.droppable.js"></script>
+ <script type="text/javascript" src="../../../source/ui.core.js"></script>
+ <script type="text/javascript" src="../../../source/ui.draggable.js"></script>
+ <script type="text/javascript" src="../../../source/ui.droppable.js"></script>
<script type="text/javascript" src="./js/demo.js"></script>
diff --git a/ui/demos/real-world/photo-manager/js/jquery.blockUI.js b/ui/demos/real-world/photo-manager/js/jquery.blockUI.js new file mode 100644 index 000000000..1c338ebb5 --- /dev/null +++ b/ui/demos/real-world/photo-manager/js/jquery.blockUI.js @@ -0,0 +1,361 @@ +/*
+ * jQuery blockUI plugin
+ * Version 1.33 (09/14/2007)
+ * @requires jQuery v1.1.1
+ *
+ * $Id: jquery.blockUI.js 3291 2007-09-14 23:56:25Z malsup $
+ *
+ * Examples at: http://malsup.com/jquery/block/
+ * Copyright (c) 2007 M. Alsup
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+ */
+ (function($) {
+/**
+ * blockUI provides a mechanism for blocking user interaction with a page (or parts of a page).
+ * This can be an effective way to simulate synchronous behavior during ajax operations without
+ * locking the browser. It will prevent user operations for the current page while it is
+ * active ane will return the page to normal when it is deactivate. blockUI accepts the following
+ * two optional arguments:
+ *
+ * message (String|Element|jQuery): The message to be displayed while the UI is blocked. The message
+ * argument can be a plain text string like "Processing...", an HTML string like
+ * "<h1><img src="busy.gif" /> Please wait...</h1>", a DOM element, or a jQuery object.
+ * The default message is "<h1>Please wait...</h1>"
+ *
+ * css (Object): Object which contains css property/values to override the default styles of
+ * the message. Use this argument if you wish to override the default
+ * styles. The css Object should be in a format suitable for the jQuery.css
+ * function. For example:
+ * $.blockUI({
+ * backgroundColor: '#ff8',
+ * border: '5px solid #f00,
+ * fontWeight: 'bold'
+ * });
+ *
+ * The default blocking message used when blocking the entire page is "<h1>Please wait...</h1>"
+ * but this can be overridden by assigning a value to $.blockUI.defaults.pageMessage in your
+ * own code. For example:
+ *
+ * $.blockUI.defaults.pageMessage = "<h1>Bitte Wartezeit</h1>";
+ *
+ * The default message styling can also be overridden. For example:
+ *
+ * $.extend($.blockUI.defaults.pageMessageCSS, { color: '#00a', backgroundColor: '#0f0' });
+ *
+ * The default styles work well for simple messages like "Please wait", but for longer messages
+ * style overrides may be necessary.
+ *
+ * @example $.blockUI();
+ * @desc prevent user interaction with the page (and show the default message of 'Please wait...')
+ *
+ * @example $.blockUI( { backgroundColor: '#f00', color: '#fff'} );
+ * @desc prevent user interaction and override the default styles of the message to use a white on red color scheme
+ *
+ * @example $.blockUI('Processing...');
+ * @desc prevent user interaction and display the message "Processing..." instead of the default message
+ *
+ * @name blockUI
+ * @param String|jQuery|Element message Message to display while the UI is blocked
+ * @param Object css Style object to control look of the message
+ * @cat Plugins/blockUI
+ */
+$.blockUI = function(msg, css, opts) {
+ $.blockUI.impl.install(window, msg, css, opts);
+};
+
+// expose version number so other plugins can interogate
+$.blockUI.version = 1.33;
+
+/**
+ * unblockUI removes the UI block that was put in place by blockUI
+ *
+ * @example $.unblockUI();
+ * @desc unblocks the page
+ *
+ * @name unblockUI
+ * @cat Plugins/blockUI
+ */
+$.unblockUI = function(opts) {
+ $.blockUI.impl.remove(window, opts);
+};
+
+/**
+ * Blocks user interaction with the selected elements. (Hat tip: Much of
+ * this logic comes from Brandon Aaron's bgiframe plugin. Thanks, Brandon!)
+ * By default, no message is displayed when blocking elements.
+ *
+ * @example $('div.special').block();
+ * @desc prevent user interaction with all div elements with the 'special' class.
+ *
+ * @example $('div.special').block('Please wait');
+ * @desc prevent user interaction with all div elements with the 'special' class
+ * and show a message over the blocked content.
+ *
+ * @name block
+ * @type jQuery
+ * @param String|jQuery|Element message Message to display while the element is blocked
+ * @param Object css Style object to control look of the message
+ * @cat Plugins/blockUI
+ */
+$.fn.block = function(msg, css, opts) {
+ return this.each(function() {
+ if (!this.$pos_checked) {
+ if ($.css(this,"position") == 'static')
+ this.style.position = 'relative';
+ if ($.browser.msie) this.style.zoom = 1; // force 'hasLayout' in IE
+ this.$pos_checked = 1;
+ }
+ $.blockUI.impl.install(this, msg, css, opts);
+ });
+};
+
+/**
+ * Unblocks content that was blocked by "block()"
+ *
+ * @example $('div.special').unblock();
+ * @desc unblocks all div elements with the 'special' class.
+ *
+ * @name unblock
+ * @type jQuery
+ * @cat Plugins/blockUI
+ */
+$.fn.unblock = function(opts) {
+ return this.each(function() {
+ $.blockUI.impl.remove(this, opts);
+ });
+};
+
+/**
+ * displays the first matched element in a "display box" above a page overlay.
+ *
+ * @example $('#myImage').displayBox();
+ * @desc displays "myImage" element in a box
+ *
+ * @name displayBox
+ * @type jQuery
+ * @cat Plugins/blockUI
+ */
+$.fn.displayBox = function(css, fn, isFlash) {
+ var msg = this[0];
+ if (!msg) return;
+ var $msg = $(msg);
+ css = css || {};
+
+ var w = $msg.width() || $msg.attr('width') || css.width || $.blockUI.defaults.displayBoxCSS.width;
+ var h = $msg.height() || $msg.attr('height') || css.height || $.blockUI.defaults.displayBoxCSS.height ;
+ if (w[w.length-1] == '%') {
+ var ww = document.documentElement.clientWidth || document.body.clientWidth;
+ w = parseInt(w) || 100;
+ w = (w * ww) / 100;
+ }
+ if (h[h.length-1] == '%') {
+ var hh = document.documentElement.clientHeight || document.body.clientHeight;
+ h = parseInt(h) || 100;
+ h = (h * hh) / 100;
+ }
+
+ var ml = '-' + parseInt(w)/2 + 'px';
+ var mt = '-' + parseInt(h)/2 + 'px';
+
+ // supress opacity on overlay if displaying flash content on mac/ff platform
+ var ua = navigator.userAgent.toLowerCase();
+ var opts = {
+ displayMode: fn || 1,
+ noalpha: isFlash && /mac/.test(ua) && /firefox/.test(ua)
+ };
+
+ $.blockUI.impl.install(window, msg, { width: w, height: h, marginTop: mt, marginLeft: ml }, opts);
+};
+
+
+// override these in your code to change the default messages and styles
+$.blockUI.defaults = {
+ // the message displayed when blocking the entire page
+ pageMessage: '<h1>Please wait...</h1>',
+ // the message displayed when blocking an element
+ elementMessage: '', // none
+ // styles for the overlay iframe
+ overlayCSS: { backgroundColor: '#fff', opacity: '0.5' },
+ // styles for the message when blocking the entire page
+ pageMessageCSS: { width:'250px', margin:'-50px 0 0 -125px', top:'50%', left:'50%', textAlign:'center', color:'#000', backgroundColor:'#fff', border:'3px solid #aaa' },
+ // styles for the message when blocking an element
+ elementMessageCSS: { width:'250px', padding:'10px', textAlign:'center', backgroundColor:'#fff'},
+ // styles for the displayBox
+ displayBoxCSS: { width: '400px', height: '400px', top:'50%', left:'50%' },
+ // allow body element to be stetched in ie6
+ ie6Stretch: 1,
+ // supress tab nav from leaving blocking content?
+ allowTabToLeave: 0,
+ // Title attribute for overlay when using displayBox
+ closeMessage: 'Click to close',
+ // use fadeOut effect when unblocking (can be overridden on unblock call)
+ fadeOut: 1,
+ // fadeOut transition time in millis
+ fadeTime: 400
+};
+
+// the gory details
+$.blockUI.impl = {
+ box: null,
+ boxCallback: null,
+ pageBlock: null,
+ pageBlockEls: [],
+ op8: window.opera && window.opera.version() < 9,
+ ie6: $.browser.msie && /MSIE 6.0/.test(navigator.userAgent),
+ install: function(el, msg, css, opts) {
+ opts = opts || {};
+ this.boxCallback = typeof opts.displayMode == 'function' ? opts.displayMode : null;
+ this.box = opts.displayMode ? msg : null;
+ var full = (el == window);
+
+ // use logical settings for opacity support based on browser but allow overrides via opts arg
+ var noalpha = this.op8 || $.browser.mozilla && /Linux/.test(navigator.platform);
+ if (typeof opts.alphaOverride != 'undefined')
+ noalpha = opts.alphaOverride == 0 ? 1 : 0;
+
+ if (full && this.pageBlock) this.remove(window, {fadeOut:0});
+ // check to see if we were only passed the css object (a literal)
+ if (msg && typeof msg == 'object' && !msg.jquery && !msg.nodeType) {
+ css = msg;
+ msg = null;
+ }
+ msg = msg ? (msg.nodeType ? $(msg) : msg) : full ? $.blockUI.defaults.pageMessage : $.blockUI.defaults.elementMessage;
+ if (opts.displayMode)
+ var basecss = jQuery.extend({}, $.blockUI.defaults.displayBoxCSS);
+ else
+ var basecss = jQuery.extend({}, full ? $.blockUI.defaults.pageMessageCSS : $.blockUI.defaults.elementMessageCSS);
+ css = jQuery.extend(basecss, css || {});
+ var f = ($.browser.msie) ? $('<iframe class="blockUI" style="z-index:1000;border:none;margin:0;padding:0;position:absolute;width:100%;height:100%;top:0;left:0" src="javascript:false;"></iframe>')
+ : $('<div class="blockUI" style="display:none"></div>');
+ var w = $('<div class="blockUI" style="z-index:1001;cursor:wait;border:none;margin:0;padding:0;width:100%;height:100%;top:0;left:0"></div>');
+ var m = full ? $('<div class="blockUI blockMsg" style="z-index:1002;cursor:wait;padding:0;position:fixed"></div>')
+ : $('<div class="blockUI" style="display:none;z-index:1002;cursor:wait;position:absolute"></div>');
+ w.css('position', full ? 'fixed' : 'absolute');
+ if (msg) m.css(css);
+ if (!noalpha) w.css($.blockUI.defaults.overlayCSS);
+ if (this.op8) w.css({ width:''+el.clientWidth,height:''+el.clientHeight }); // lame
+ if ($.browser.msie) f.css('opacity','0.0');
+
+ $([f[0],w[0],m[0]]).appendTo(full ? 'body' : el);
+
+ // ie7 must use absolute positioning in quirks mode and to account for activex issues (when scrolling)
+ var expr = $.browser.msie && (!$.boxModel || $('object,embed', full ? null : el).length > 0);
+ if (this.ie6 || expr) {
+ // stretch content area if it's short
+ if (full && $.blockUI.defaults.ie6Stretch && $.boxModel)
+ $('html,body').css('height','100%');
+
+ // fix ie6 problem when blocked element has a border width
+ if ((this.ie6 || !$.boxModel) && !full) {
+ var t = this.sz(el,'borderTopWidth'), l = this.sz(el,'borderLeftWidth');
+ var fixT = t ? '(0 - '+t+')' : 0;
+ var fixL = l ? '(0 - '+l+')' : 0;
+ }
+
+ // simulate fixed position
+ $.each([f,w,m], function(i,o) {
+ var s = o[0].style;
+ s.position = 'absolute';
+ if (i < 2) {
+ full ? s.setExpression('height','document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + "px"')
+ : s.setExpression('height','this.parentNode.offsetHeight + "px"');
+ full ? s.setExpression('width','jQuery.boxModel && document.documentElement.clientWidth || document.body.clientWidth + "px"')
+ : s.setExpression('width','this.parentNode.offsetWidth + "px"');
+ if (fixL) s.setExpression('left', fixL);
+ if (fixT) s.setExpression('top', fixT);
+ }
+ else {
+ if (full) s.setExpression('top','(document.documentElement.clientHeight || document.body.clientHeight) / 2 - (this.offsetHeight / 2) + (blah = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) + "px"');
+ s.marginTop = 0;
+ }
+ });
+ }
+ if (opts.displayMode) {
+ w.css('cursor','default').attr('title', $.blockUI.defaults.closeMessage);
+ m.css('cursor','default');
+ $([f[0],w[0],m[0]]).removeClass('blockUI').addClass('displayBox');
+ $().click($.blockUI.impl.boxHandler).bind('keypress', $.blockUI.impl.boxHandler);
+ }
+ else
+ this.bind(1, el);
+ m.append(msg).show();
+ if (msg.jquery) msg.show();
+ if (opts.displayMode) return;
+ if (full) {
+ this.pageBlock = m[0];
+ this.pageBlockEls = $(':input:enabled:visible',this.pageBlock);
+ setTimeout(this.focus, 20);
+ }
+ else this.center(m[0]);
+ },
+ remove: function(el, opts) {
+ var o = $.extend({}, $.blockUI.defaults, opts);
+ this.bind(0, el);
+ var full = el == window;
+ var els = full ? $('body').children().filter('.blockUI') : $('.blockUI', el);
+ if (full) this.pageBlock = this.pageBlockEls = null;
+
+ if (o.fadeOut) {
+ els.fadeOut(o.fadeTime, function() {
+ if (this.parentNode) this.parentNode.removeChild(this);
+ });
+ }
+ else els.remove();
+ },
+ boxRemove: function(el) {
+ $().unbind('click',$.blockUI.impl.boxHandler).unbind('keypress', $.blockUI.impl.boxHandler);
+ if (this.boxCallback)
+ this.boxCallback(this.box);
+ $('body .displayBox').hide().remove();
+ },
+ // event handler to suppress keyboard/mouse events when blocking
+ handler: function(e) {
+ if (e.keyCode && e.keyCode == 9) {
+ if ($.blockUI.impl.pageBlock && !$.blockUI.defaults.allowTabToLeave) {
+ var els = $.blockUI.impl.pageBlockEls;
+ var fwd = !e.shiftKey && e.target == els[els.length-1];
+ var back = e.shiftKey && e.target == els[0];
+ if (fwd || back) {
+ setTimeout(function(){$.blockUI.impl.focus(back)},10);
+ return false;
+ }
+ }
+ }
+ if ($(e.target).parents('div.blockMsg').length > 0)
+ return true;
+ return $(e.target).parents().children().filter('div.blockUI').length == 0;
+ },
+ boxHandler: function(e) {
+ if ((e.keyCode && e.keyCode == 27) || (e.type == 'click' && $(e.target).parents('div.blockMsg').length == 0))
+ $.blockUI.impl.boxRemove();
+ return true;
+ },
+ // bind/unbind the handler
+ bind: function(b, el) {
+ var full = el == window;
+ // don't bother unbinding if there is nothing to unbind
+ if (!b && (full && !this.pageBlock || !full && !el.$blocked)) return;
+ if (!full) el.$blocked = b;
+ var $e = $(el).find('a,:input');
+ $.each(['mousedown','mouseup','keydown','keypress','click'], function(i,o) {
+ $e[b?'bind':'unbind'](o, $.blockUI.impl.handler);
+ });
+ },
+ focus: function(back) {
+ if (!$.blockUI.impl.pageBlockEls) return;
+ var e = $.blockUI.impl.pageBlockEls[back===true ? $.blockUI.impl.pageBlockEls.length-1 : 0];
+ if (e) e.focus();
+ },
+ center: function(el) {
+ var p = el.parentNode, s = el.style;
+ var l = ((p.offsetWidth - el.offsetWidth)/2) - this.sz(p,'borderLeftWidth');
+ var t = ((p.offsetHeight - el.offsetHeight)/2) - this.sz(p,'borderTopWidth');
+ s.left = l > 0 ? (l+'px') : '0';
+ s.top = t > 0 ? (t+'px') : '0';
+ },
+ sz: function(el, p) { return parseInt($.css(el,p))||0; }
+};
+
+})(jQuery);
diff --git a/ui/demos/real-world/photo-manager/js/jquery.livequery.js b/ui/demos/real-world/photo-manager/js/jquery.livequery.js new file mode 100644 index 000000000..dfed9fe75 --- /dev/null +++ b/ui/demos/real-world/photo-manager/js/jquery.livequery.js @@ -0,0 +1,250 @@ +/* Copyright (c) 2007 Brandon Aaron (brandon.aaron@gmail.com || http://brandonaaron.net) + * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php) + * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses. + * + * Version: @VERSION + * Requires jQuery 1.1.3+ + * Docs: http://docs.jquery.com/Plugins/livequery + */ + +(function($) { + +$.extend($.fn, { + livequery: function(type, fn, fn2) { + var self = this, q; + + // Handle different call patterns + if ($.isFunction(type)) + fn2 = fn, fn = type, type = undefined; + + // See if Live Query already exists + $.each( $.livequery.queries, function(i, query) { + if ( self.selector == query.selector && self.context == query.context && + type == query.type && (!fn || fn.$lqguid == query.fn.$lqguid) && (!fn2 || fn2.$lqguid == query.fn2.$lqguid) ) + // Found the query, exit the each loop + return (q = query) && false; + }); + + // Create new Live Query if it wasn't found + q = q || new $.livequery(this.selector, this.context, type, fn, fn2); + + // Make sure it is running + q.stopped = false; + + // Run it + $.livequery.run( q.id ); + + // Contnue the chain + return this; + }, + + expire: function(type, fn, fn2) { + var self = this; + + // Handle different call patterns + if ($.isFunction(type)) + fn2 = fn, fn = type, type = undefined; + + // Find the Live Query based on arguments and stop it + $.each( $.livequery.queries, function(i, query) { + if ( self.selector == query.selector && self.context == query.context && + (!type || type == query.type) && (!fn || fn.$lqguid == query.fn.$lqguid) && (!fn2 || fn2.$lqguid == query.fn2.$lqguid) && !this.stopped ) + $.livequery.stop(query.id); + }); + + // Continue the chain + return this; + } +}); + +$.livequery = function(selector, context, type, fn, fn2) { + this.selector = selector; + this.context = context || document; + this.type = type; + this.fn = fn; + this.fn2 = fn2; + this.elements = []; + this.stopped = false; + + // The id is the index of the Live Query in $.livequery.queries + this.id = $.livequery.queries.push(this)-1; + + // Mark the functions for matching later on + fn.$lqguid = fn.$lqguid || $.livequery.guid++; + if (fn2) fn2.$lqguid = fn2.$lqguid || $.livequery.guid++; + + // Return the Live Query + return this; +}; + +$.livequery.prototype = { + stop: function() { + var query = this; + + if ( this.type ) + // Unbind all bound events + this.elements.unbind(this.type, this.fn); + else if (this.fn2) + // Call the second function for all matched elements + this.elements.each(function(i, el) { + query.fn2.apply(el); + }); + + // Clear out matched elements + this.elements = []; + + // Stop the Live Query from running until restarted + this.stopped = true; + }, + + run: function() { + // Short-circuit if stopped + if ( this.stopped ) return; + var query = this; + + var oEls = this.elements, + els = $(this.selector, this.context), + nEls = els.not(oEls); + + // Set elements to the latest set of matched elements + this.elements = els; + + if (this.type) { + // Bind events to newly matched elements + nEls.bind(this.type, this.fn); + + // Unbind events to elements no longer matched + if (oEls.length > 0) + $.each(oEls, function(i, el) { + if ( $.inArray(el, els) < 0 ) + $.event.remove(el, query.type, query.fn); + }); + } + else { + // Call the first function for newly matched elements + nEls.each(function() { + query.fn.apply(this); + }); + + // Call the second function for elements no longer matched + if ( this.fn2 && oEls.length > 0 ) + $.each(oEls, function(i, el) { + if ( $.inArray(el, els) < 0 ) + query.fn2.apply(el); + }); + } + } +}; + +$.extend($.livequery, { + guid: 0, + queries: [], + queue: [], + running: false, + timeout: null, + + checkQueue: function() { + if ( $.livequery.running && $.livequery.queue.length ) { + var length = $.livequery.queue.length; + // Run each Live Query currently in the queue + while ( length-- ) + $.livequery.queries[ $.livequery.queue.shift() ].run(); + } + }, + + pause: function() { + // Don't run anymore Live Queries until restarted + $.livequery.running = false; + }, + + play: function() { + // Restart Live Queries + $.livequery.running = true; + // Request a run of the Live Queries + $.livequery.run(); + }, + + registerPlugin: function() { + $.each( arguments, function(i,n) { + // Short-circuit if the method doesn't exist + if (!$.fn[n]) return; + + // Save a reference to the original method + var old = $.fn[n]; + + // Create a new method + $.fn[n] = function() { + // Call the original method + var r = old.apply(this, arguments); + + // Request a run of the Live Queries + $.livequery.run(); + + // Return the original methods result + return r; + } + }); + }, + + run: function(id) { + if (id != undefined) { + // Put the particular Live Query in the queue if it doesn't already exist + if ( $.inArray(id, $.livequery.queue) < 0 ) + $.livequery.queue.push( id ); + } + else + // Put each Live Query in the queue if it doesn't already exist + $.each( $.livequery.queries, function(id) { + if ( $.inArray(id, $.livequery.queue) < 0 ) + $.livequery.queue.push( id ); + }); + + // Clear timeout if it already exists + if ($.livequery.timeout) clearTimeout($.livequery.timeout); + // Create a timeout to check the queue and actually run the Live Queries + $.livequery.timeout = setTimeout($.livequery.checkQueue, 20); + }, + + stop: function(id) { + if (id != undefined) + // Stop are particular Live Query + $.livequery.queries[ id ].stop(); + else + // Stop all Live Queries + $.each( $.livequery.queries, function(id) { + $.livequery.queries[ id ].stop(); + }); + } +}); + +// Register core DOM manipulation methods +$.livequery.registerPlugin('append', 'prepend', 'after', 'before', 'wrap', 'attr', 'removeAttr', 'addClass', 'removeClass', 'toggleClass', 'empty', 'remove'); + +// Run Live Queries when the Document is ready +$(function() { $.livequery.play(); }); + + +// Save a reference to the original init method +var init = $.prototype.init; + +// Create a new init method that exposes two new properties: selector and context +$.prototype.init = function(a,c) { + // Call the original init and save the result + var r = init.apply(this, arguments); + + // Copy over properties if they exist already + if (a && a.selector) + r.context = a.context, r.selector = a.selector; + + // Set properties + if ( typeof a == 'string' ) + r.context = c || document, r.selector = a; + + // Return the result + return r; +}; + +// Give the init function the jQuery prototype for later instantiation (needed after Rev 4091) +$.prototype.init.prototype = $.prototype; + +})(jQuery);
\ No newline at end of file diff --git a/ui/demos/real-world/product-slider/index.html b/ui/demos/real-world/product-slider/index.html index abbd333fc..c21b6f876 100644 --- a/ui/demos/real-world/product-slider/index.html +++ b/ui/demos/real-world/product-slider/index.html @@ -98,17 +98,9 @@ -->
</style>
- <script type="text/javascript" src="../../../../jquery/src/core.js"></script>
- <script type="text/javascript" src="../../../../jquery/src/selector.js"></script>
- <script type="text/javascript" src="../../../../jquery/src/event.js"></script>
- <script type="text/javascript" src="../../../../jquery/src/ajax.js"></script>
- <script type="text/javascript" src="../../../../jquery/src/fx.js"></script>
- <script type="text/javascript" src="../../../../jquery/src/offset.js"></script>
- <script type="text/javascript" src="../../../../jquery/src/dimensions.js"></script>
-
- <script type="text/javascript" src="../../../ui.core.js"></script>
-
- <script type="text/javascript" src="../../../ui.slider.js"></script>
+ <script type="text/javascript" src="../../../../jquery/jquery-1.2.5.js"></script>
+ <script type="text/javascript" src="../../../source/ui.core.js"></script>
+ <script type="text/javascript" src="../../../source/ui.slider.js"></script>
<script type="text/javascript" charset="utf-8">
/**
diff --git a/ui/demos/real-world/splitpane/index.html b/ui/demos/real-world/splitpane/index.html index b13257557..37daae631 100644 --- a/ui/demos/real-world/splitpane/index.html +++ b/ui/demos/real-world/splitpane/index.html @@ -6,28 +6,11 @@ <title>jQuery UI: SplitPane</title>
<!-- jQuery -->
- <script type="text/javascript" src="../../../../jquery/src/core.js"></script>
- <script type="text/javascript" src="../../../../jquery/src/selector.js"></script>
- <script type="text/javascript" src="../../../../jquery/src/event.js"></script>
- <script type="text/javascript" src="../../../../jquery/src/ajax.js"></script>
- <script type="text/javascript" src="../../../../jquery/src/fx.js"></script>
- <script type="text/javascript" src="../../../../jquery/src/offset.js"></script>
- <script type="text/javascript" src="../../../../jquery/src/dimensions.js"></script>
-
+ <script type="text/javascript" src="../../../../jquery/jquery-1.2.5.js"></script>
+
<!-- jQuery UI -->
- <script src="../../../../ui/ui.core.js" type="text/javascript" charset="utf-8"></script>
-
- <script src="../../../../ui/ui.draggable.js" type="text/javascript" charset="utf-8"></script>
- <script src="../../../../ui/ui.droppable.js" type="text/javascript" charset="utf-8"></script>
- <script src="../../../../ui/ui.resizable.js" type="text/javascript" charset="utf-8"></script>
- <script src="../../../../ui/ui.sortable.js" type="text/javascript" charset="utf-8"></script>
- <script src="../../../../ui/ui.selectable.js" type="text/javascript" charset="utf-8"></script>
- <script src="../../../../ui/ui.tabs.js" type="text/javascript" charset="utf-8"></script>
- <script src="../../../../ui/ui.dialog.js" type="text/javascript" charset="utf-8"></script>
- <script src="../../../../ui/ui.slider.js" type="text/javascript" charset="utf-8"></script>
- <script src="../../../../ui/ui.accordion.js" type="text/javascript" charset="utf-8"></script>
- <script src="../../../../ui/datepicker/core/ui.datepicker.js" type="text/javascript" charset="utf-8"></script>
-
+ <script type="text/javascript" src="../../../source/ui.core.js"></script>
+ <script type="text/javascript" src="../../../source/ui.resizable.js"></script>
<script src="js/demo.js" type="text/javascript" charset="utf-8"></script>
|