diff options
| author | Richard Worth <rdworth@gmail.com> | 2008-11-18 02:55:25 +0000 |
|---|---|---|
| committer | Richard Worth <rdworth@gmail.com> | 2008-11-18 02:55:25 +0000 |
| commit | 29f7dc9a2c078495f6a0ed13c531733146528fb4 (patch) | |
| tree | 5d56f5a7ecba3c8173de3322c2a85bfecf61348b /demos | |
| parent | ce69e7ced4e8786ca5164372007c48a11ba90e72 (diff) | |
| download | jquery-ui-29f7dc9a2c078495f6a0ed13c531733146528fb4.tar.gz jquery-ui-29f7dc9a2c078495f6a0ed13c531733146528fb4.zip | |
Removed all trailing whitespace from .js and .html files
Diffstat (limited to 'demos')
25 files changed, 241 insertions, 241 deletions
diff --git a/demos/functional/index.html b/demos/functional/index.html index 9ad8f5bff..dcb675d37 100644 --- a/demos/functional/index.html +++ b/demos/functional/index.html @@ -3,22 +3,22 @@ <head> <title>jQuery UI - Functional demos</title> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> - + <meta name="keywords" content="jquery,user interface,ui,widgets,interaction,javascript" /> <meta name="description" content="jQuery UI is jQuery's user interface library that comes with many widgets, interaction modules and themes." /> <meta name="author" content="Paul Bakaus" /> - + <link rel="shortcut icon" href="images/favicon.ico" /> <link rel="icon" href="images/favicon.ico" type="image/x-icon" /> - + <link rel="stylesheet" href="css/base.css" type="text/css" media="screen"> <link rel="stylesheet" href="css/functional_demos.css" type="text/css" media="screen"> <link rel="stylesheet" href="css/chilli-recipes.css" type="text/css" media="screen"> <link rel="stylesheet" href="../../themes/default/ui.all.css" type="text/css" media="screen" title="Flora (Default)" /> - + <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.datepicker.js"></script> @@ -82,7 +82,7 @@ <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 src="js/behaviour.js" type="text/javascript"></script> <script src="js/behaviour.functionaldemos.js" type="text/javascript"></script> @@ -111,7 +111,7 @@ <h1 class="logo"> <a href="http://ui.jquery.com/" title="jQuery User Interface"><span>jQuery User Interface</span></a> </h1> - + <div id="dock"> <div class="left"></div> @@ -204,7 +204,7 @@ <li><a href="#ui.resizable" title="Goto Resizable's Component Page">Resizable</a></li> <li><a href="#ui.selectable" title="Goto Selectable's Component Page">Selectable</a></li> <li><a href="#ui.sortable" title="Goto Sortable's Component Page">Sortable</a></li> - + </ul> </div> <br style="clear:both;"> @@ -245,7 +245,7 @@ </div> </td> <td class="normal"> - + <div class="normal" id="containerDemo"> <h3> Instructions @@ -254,14 +254,14 @@ The functional demos are provided to give users an idea of how jQuery UI works. You only need to copy and paste code from the demos. Have fun playing with it. </p> - + <div id="functional-demo-face" style="margin-left: 10px;"> <img src="images/functional-demo-face.png"> </div> - + <br> </div> - + </td> </tr> @@ -270,7 +270,7 @@ </form> </div> </div> </div> - + <div id="footer"> <div class="bg"></div> diff --git a/demos/functional/js/behaviour.functionaldemos.js b/demos/functional/js/behaviour.functionaldemos.js index 46ed6c97b..b7aa37c1c 100644 --- a/demos/functional/js/behaviour.functionaldemos.js +++ b/demos/functional/js/behaviour.functionaldemos.js @@ -1,9 +1,9 @@ $(document).ready(function() { - + $('.component-links a').history(function() { loadDemo( $(this).attr('href').replace(/^#/, "") ); }); $.ajaxHistory.initialize(); - + });
\ No newline at end of file diff --git a/demos/functional/js/behaviour.js b/demos/functional/js/behaviour.js index 35ea2b060..3cafacb39 100644 --- a/demos/functional/js/behaviour.js +++ b/demos/functional/js/behaviour.js @@ -1,21 +1,21 @@ $(document).ready(function() { - + // link demos - + $(".demoflow div.wrapper").click(function() { - + var demo = $(this).children('img').attr('_demo'); - + if (demo) { location.href = '/repository/real-world/' + demo; }else { //alert('Under construction!'); } - + }); - + if ($("div.demoflow").size()) { - + var inst = new $.ui.carousel($("div.demoflow")[0], { height: 200, width: 310 }); $("div.demoflow-button-left, div.demoflow-button-right").bind("mousedown", function() { @@ -26,14 +26,14 @@ $(document).ready(function() { .bind("mouseup", function() { window.clearInterval(inst.timer); }); - + $('.demoflow div.shadow').hover(function() { this._lastopacity = $(this).css('opacity'); $(this).stop().animate({opacity: 0 }, 300); }, function() { $(this).stop().animate({opacity: this._lastopacity }, 300); }); - + window.setTimeout(function() { inst.element.animate({ opacity: 1 },2000); inst.rotate(0,2000,0.45); @@ -47,13 +47,13 @@ $(document).ready(function() { $('a').click(function(){ this.blur(); }); - + // smooth hover effects by DragonInteractive var hover = hoverEffects(); hover.init(); }); - + $.ui.carousel = function(element, options) { this.element = $(element); @@ -68,41 +68,41 @@ $(document).ready(function() { paddingX: this.element.outerWidth() / 2, paddingY: this.element.outerHeight() / 2 }); - + $("> *", this.element).css({ position: "absolute", top: 0, left: 0, zIndex: 1 }); this.rotate(); this.rotate("right"); - + this.element.parent().bind("mousewheel", function(event ,delta) { if(self.autoRotator) window.clearInterval(self.autoRotator); self.rotate(delta < 0 ? "right" : "left"); return false; }); - + }; - + $.ui.carousel.prototype.rotate = function(d,ani,speed) { this.start = this.start + (d == "right" ? -(speed || 0.03) : (speed || 0.03)); var o = this.options; var self = this; - + setTimeout(function(){ $("> *", self.element).each(function(i) { var angle = self.start + i * self.step; var x = self.radiusX * Math.cos(angle); var y = self.radiusY * Math.sin(angle); var _self = this; - + var width = o.width * ((self.radiusY+y) / (2 * self.radiusY)); width = (width * width * width) / (o.width * o.width); //This makes the pieces smaller var height = parseInt(width * o.height / o.width); - + //This is highly custom - it will hide the elements at the back $(_self).css({ visibility: height < 30 ? "hidden" : "visible" }); if(height < 30 && !ani) return; //This imrpoves the speed, but cannot be used with animation - - + + if(ani) { $(_self).animate({ top: Math.round(self.paddingY + y - height/2) + "px", @@ -122,7 +122,7 @@ $(document).ready(function() { } $("div.shadow",_self).css({ opacity: 1 - (width / o.width) }); - + }); }, 0); } @@ -200,6 +200,6 @@ var hoverEffects = function() { }) } }; - + return self; };
\ No newline at end of file diff --git a/demos/functional/js/functional.demo.js b/demos/functional/js/functional.demo.js index 5128d12a6..434316949 100644 --- a/demos/functional/js/functional.demo.js +++ b/demos/functional/js/functional.demo.js @@ -6,38 +6,38 @@ var uid = 0; * @param {Object} model */ var uiRenderDemo = function(model) { - + var title = model.title, renderAt = $(model.renderAt); - + function nl2br( str ) { return str.replace(/([^>])\n/g, '$1<br />\n'); } - + var js2html = function(code) { var src = (js_beautify(code) || ""); - + //if ($.browser.msie) // src = src.replace(/([^>])\n/g, '$1<br />\n'); - + return src; }; - + renderAt.append( '<h3>'+ title +'</h3>' ); $.each(model.demos, function(i, demo) { - + /** * Rendering each demo */ if (!demo) return; - + var uiHtmlRendered = $('<div class="ui-html-rendered"></div>'); - + if (model.onRenderStart) model.onRenderStart.apply(window); - + var gid = 'ui-gen-'+uid++, demoBox = $('<div id="'+gid+'"></div>'); renderAt.append(demoBox); @@ -45,15 +45,15 @@ var uiRenderDemo = function(model) { var detailsHtml = $( '<br><div class="ui-details"><div class="menutitle">'+demo.title+'</div></div>' ); - + var descBox = $( '<div class="ui-demo-description">'+(demo.desc||'')+'</div>' ); - + var optionsBox = $( '<div class="ui-demo-options"><label for="select-'+gid+'">Try more options on the fly: </label></div>' ); - + var codesBox = $( '<div id="code-'+gid+'"></div>' ) @@ -62,19 +62,19 @@ var uiRenderDemo = function(model) { var sourceTmpl = $( '<div></div>' ); - + var preTmpl = $( '<span style="white-space: pre;"></span>' ); - + var codeTmpl = $( '<code></code>' ); - + var htmlCode = '', sourceHtml = sourceTmpl.clone(), sourceJs = sourceTmpl.clone(), entitiesHtml = function(html) { return html.replace(/</g,"<").replace(/>/g,">"); }; - + // Render simple HTML if (typeof demo.html == 'string') { uiHtmlRendered.html(demo.html); @@ -82,9 +82,9 @@ var uiRenderDemo = function(model) { } // Render data html by URL if (typeof demo.html == 'object' && demo.html.url) { - + uiHtmlRendered.html("<img src='/images/ajax-loader.gif'>"); - + $.ajax({ type: "GET", url: demo.html.url, @@ -92,26 +92,26 @@ var uiRenderDemo = function(model) { success: function(data) { uiHtmlRendered.html(data); htmlCode = data; - + // set html code view sourceHtml.html(preTmpl.clone().html( codeTmpl.clone().addClass('colored html').html(entitiesHtml(htmlCode)) )); - + $.each(demo.options, function(x, o) { // eval the first source of <select> if (!x) jQuery.globalEval(o.source); }); - + $('#'+gid).find('.colored.html').chili(); - + // fire renderEnd callback to ajax async transactions if (model.onRenderEnd) model.onRenderEnd.apply(window); } }); - + } // set html code view sourceHtml.html(preTmpl.clone().html( codeTmpl.clone().addClass('colored html').html(entitiesHtml(htmlCode)) )); - + var select = $('<select id="select-'+ gid+'"></select>').change(function() { var ecode = decodeURIComponent($(this).val()); @@ -137,7 +137,7 @@ var uiRenderDemo = function(model) { select, a, '<br>', codesBox.append('<br>JavaScript:<br>', sourceJs, '<br>HTML:<br>', sourceHtml) ) ); - + // population select with the demo options $.each(demo.options, function(x, o) { if (o && o.desc) { @@ -150,28 +150,28 @@ var uiRenderDemo = function(model) { } } }); - + $('#'+gid).find('.colored.javascript').chili(); $('#'+gid).find('.colored.html').chili(); - + // fire renderEnd callback to direct-html-render if (typeof demo.html != 'object' && model.onRenderEnd) model.onRenderEnd.apply(window); - + }); }; var loadDemo = function(comp) { - + $("#dialog").dialog().remove(); - + $('#containerDemo').html("<img src='images/ajax-loader.gif'>"); - + $("#containerDemo").ajaxError(function(request, settings){ $(this).html("Oops, there is no template file for this component."); }); - + $.get('templates/'+comp+'.html', function(data) { $('#containerDemo').html(data); }); - + };
\ No newline at end of file diff --git a/demos/functional/templates/ui.dialog.html b/demos/functional/templates/ui.dialog.html index 75e87b875..91628119e 100644 --- a/demos/functional/templates/ui.dialog.html +++ b/demos/functional/templates/ui.dialog.html @@ -1,11 +1,11 @@ <script type="text/javascript"> var model = { - + renderAt: '#containerDemo', title: 'Dialog Demos', - + demos: [ { diff --git a/demos/functional/templates/ui.droppable.photos.html b/demos/functional/templates/ui.droppable.photos.html index deab134dc..7dbb7bdc9 100644 --- a/demos/functional/templates/ui.droppable.photos.html +++ b/demos/functional/templates/ui.droppable.photos.html @@ -11,7 +11,7 @@ <img src="templates/images/P1010044.JPG" alt="Tatry 4" title="Drag me!" /> </li> </ul> - + <div class="droppable-photos-container" style="text-align: center;">Drop here!</div> </div>
\ No newline at end of file diff --git a/demos/functional/templates/ui.effects.easing.html b/demos/functional/templates/ui.effects.easing.html index 6927ec73b..b008b89ea 100644 --- a/demos/functional/templates/ui.effects.easing.html +++ b/demos/functional/templates/ui.effects.easing.html @@ -95,7 +95,7 @@ { desc: 'Bounce ease in out', source: '$("#area").click(function(event) { moveToHere(event, "easeInOutBounce"); });' }, ] } - + ] }; diff --git a/demos/functional/templates/ui.effects.general.html b/demos/functional/templates/ui.effects.general.html index 31b1827e2..eb3943727 100644 --- a/demos/functional/templates/ui.effects.general.html +++ b/demos/functional/templates/ui.effects.general.html @@ -75,7 +75,7 @@ { desc: 'Scale from bottom-right', source: '$("#doScale").click(function() { $("#scale").effect("scale", {origin: ["bottom", "right"], percent: 50}, 800); });' } ] }, - + { title: 'Size', desc: 'Changes the size of an element by specifying a width and height.', @@ -126,7 +126,7 @@ { desc: 'Transfer with extra class', source: '$("#doTransfer").click(function() { $("#transfer").effect("transfer", {to: "#target", className: "transferring"}, 800); });' } ] } - + ] }; diff --git a/demos/functional/templates/ui.progressbar.html b/demos/functional/templates/ui.progressbar.html index 6c33203e6..324f29fa4 100644 --- a/demos/functional/templates/ui.progressbar.html +++ b/demos/functional/templates/ui.progressbar.html @@ -1,11 +1,11 @@ <script type="text/javascript"> var model = { - + renderAt: '#containerDemo', title: 'Progressbar Demos', - + demos: [ { diff --git a/demos/functional/templates/ui.slider.html b/demos/functional/templates/ui.slider.html index c05cd605e..3245fe5fa 100644 --- a/demos/functional/templates/ui.slider.html +++ b/demos/functional/templates/ui.slider.html @@ -1,11 +1,11 @@ <script type="text/javascript"> var model = { - + renderAt: '#containerDemo', title: 'Slider Demos', - + demos: [ { @@ -20,7 +20,7 @@ } ] }, - + { title: 'Multiple slides', desc: 'You can also have multiples slides.', diff --git a/demos/functional/templates/ui.sortable.ex1.html b/demos/functional/templates/ui.sortable.ex1.html index 41bec8e99..4bab245b6 100644 --- a/demos/functional/templates/ui.sortable.ex1.html +++ b/demos/functional/templates/ui.sortable.ex1.html @@ -1,16 +1,16 @@ <div class="sortable-container"> - + <div id="example1"> - + <button onclick="$('#selectedUsers').sortable('enable')" type="button">Enable</button> <button onclick="$('#selectedUsers').sortable('disable')" type="button">Disable</button> <button onclick="alert($('#selectedUsers').sortable('serialize'))" type="button">Serialize!</button> <button onclick="alert($('#selectedUsers').sortable('toArray'))" type="button">ID's to Array!</button> - + <br><br> - + <div id="sortable-ex" style="min-height: 110px; min-height:110px; height: auto !important;"> - + <div style="float: left;"> Selected users <ul id="selectedUsers" style="cursor: hand; cursor: pointer;"> @@ -21,7 +21,7 @@ <li id='user_Kate'>Kate</li> </ul> </div> - + <div style="float: left; margin-left: 50px;"> User list <ul id="userList" style="cursor: hand; cursor: pointer;"> @@ -32,9 +32,9 @@ <li id='user_Daniel'>Daniel</li> </ul> </div> - + <br style="clear: both;"> - + </div> </div> </div>
\ No newline at end of file diff --git a/demos/functional/templates/ui.sortable.ex3.html b/demos/functional/templates/ui.sortable.ex3.html index e6fe28ee7..3ad538f3b 100644 --- a/demos/functional/templates/ui.sortable.ex3.html +++ b/demos/functional/templates/ui.sortable.ex3.html @@ -1,7 +1,7 @@ <div class="sortable-container"> - + <div id="example3"> - + <div style="min-height: 50px; min-height:50px; height:auto !important;"> <style type="text/css" media="screen"> #placeholderSortable li { @@ -15,9 +15,9 @@ <li id='user_Claire'>Claire</li> <li id='user_Daniel'>Daniel</li> </ul> - + </div> - + </div> - + </div>
\ No newline at end of file diff --git a/demos/functional/templates/ui.sortable.html b/demos/functional/templates/ui.sortable.html index 79cfadbfb..d532c0652 100644 --- a/demos/functional/templates/ui.sortable.html +++ b/demos/functional/templates/ui.sortable.html @@ -1,21 +1,21 @@ <script type="text/javascript"> var model = { - + onRenderEnd: function() { - + $.ui.disableSelection($('#sortable-ex').get(0)); - + }, - + renderAt: '#containerDemo', title: 'Sortable Demos', - + demos: [ { - + title: 'Sortable', desc: 'With few lines of code you could have sortable elements. You can try more options on the fly!', html: { url: 'templates/ui.sortable.ex1.html' }, diff --git a/demos/functional/templates/ui.spinner.html b/demos/functional/templates/ui.spinner.html index 3db5f288b..a2714d2c5 100644 --- a/demos/functional/templates/ui.spinner.html +++ b/demos/functional/templates/ui.spinner.html @@ -1,11 +1,11 @@ <script type="text/javascript"> var model = { - + renderAt: '#containerDemo', title: 'Spinner Demos', - + demos: [ { diff --git a/demos/functional/templates/ui.tabs.ex1.html b/demos/functional/templates/ui.tabs.ex1.html index 12d9740ba..30bd3ad44 100644 --- a/demos/functional/templates/ui.tabs.ex1.html +++ b/demos/functional/templates/ui.tabs.ex1.html @@ -1,13 +1,13 @@ <div id="tabsEx1"> - + <input type="button" onclick="$('#tabsEx1 > ul').tabs('add', '#appended-tab', 'New Tab');" value="Add new tab"> <input type="button" onclick="$('#tabsEx1 > ul').tabs('add', '#inserted-tab', 'New Tab', 1);" value="Insert tab"> <input type="button" onclick="$('#tabsEx1 > ul').tabs('disable', 1);" value="Disable tab 2"> <input type="button" onclick="$('#tabsEx1 > ul').tabs('enable', 1);" value="Enable tab 2"> <input type="button" onclick="$('#tabsEx1 > ul').tabs('select', 2);" value="Select tab 3"> - + <br><br> - + <ul style="height: 30px;"> <li><a href="#fragment-1"><span>One</span></a></li> <li><a href="#fragment-2"><span>Two</span></a></li> diff --git a/demos/real-world/effects/demo.js b/demos/real-world/effects/demo.js index b52b23726..f383199c2 100644 --- a/demos/real-world/effects/demo.js +++ b/demos/real-world/effects/demo.js @@ -1,5 +1,5 @@ $(document).ready(function() { - + $("div.effect") .hover(function() { $(this).addClass("hover"); @@ -7,16 +7,16 @@ $(document).ready(function() { $(this).removeClass("hover"); }) ; - - + + var effect = function(el, n, o) { - + $.extend(o, { easing: "easeOutQuint" }); - + $(el).bind("click", function() { - + $(this).addClass("current").hide(n, o, 1000, function() { var self = this; window.setTimeout(function() { @@ -24,42 +24,42 @@ $(document).ready(function() { },500); }); }); - + }; - + effect("#blindHorizontally", "blind", { direction: "horizontal" }); effect("#blindVertically", "blind", { direction: "vertical" }); - + effect("#bounce3times", "bounce", { times: 3 }); - + effect("#clipHorizontally", "clip", { direction: "horizontal" }); effect("#clipVertically", "clip", { direction: "vertical" }); - + effect("#dropDown", "drop", { direction: "down" }); effect("#dropUp", "drop", { direction: "up" }); effect("#dropLeft", "drop", { direction: "left" }); effect("#dropRight", "drop", { direction: "right" }); - + effect("#explode9", "explode", { }); effect("#explode36", "explode", { pieces: 36 }); - + effect("#fold", "fold", { size: 50 }); - + effect("#highlight", "highlight", { }); - + effect("#pulsate", "pulsate", { times: 2 }); - + effect("#puff", "puff", { times: 2 }); effect("#scale", "scale", { }); - + $("#shake").bind("click", function() { $(this).addClass("current").effect("shake", {}, 100, function() { $(this).removeClass("current"); }); }); - + effect("#slideDown", "slide", { direction: "down" }); effect("#slideUp", "slide", { direction: "up" }); effect("#slideLeft", "slide", { direction: "left" }); effect("#slideRight", "slide", { direction: "right" }); - + $("#transfer").bind("click", function() { $(this).addClass("current").effect("transfer", { to: "div:eq(0)" }, 1000, function() { $(this).removeClass("current"); }); }); - + });
\ No newline at end of file diff --git a/demos/real-world/effects/index.html b/demos/real-world/effects/index.html index 4b117924c..b05d2f010 100644 --- a/demos/real-world/effects/index.html +++ b/demos/real-world/effects/index.html @@ -4,10 +4,10 @@ <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> @@ -20,7 +20,7 @@ <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> @@ -38,121 +38,121 @@ <p>Blind vertically</p> </div> </li> - + <li> <div class="effect" id="bounce3times"> <p>Bounce 3 times</p> </div> </li> - + <li> <div class="effect" id="clipHorizontally"> <p>Clip horizontally</p> </div> </li> - + <li> <div class="effect" id="clipVertically"> <p>Clip vertically</p> </div> </li> - + <li> <div class="effect" id="dropDown"> <p>Drop down</p> </div> </li> - + <li> <div class="effect" id="dropUp"> <p>Drop up</p> </div> </li> - + <li> <div class="effect" id="dropLeft"> <p>Drop left</p> </div> </li> - + <li> <div class="effect" id="dropRight"> <p>Drop right</p> </div> </li> - + <li> <div class="effect" id="explode9"> <p>Explode in 9 pieces</p> </div> </li> - + <li> <div class="effect" id="explode36"> <p>Explode in 36 pieces</p> </div> </li> - + <li> <div class="effect" id="fold"> <p>Fold</p> </div> </li> - + <li> <div class="effect" id="highlight"> <p>Highlight</p> </div> </li> - + <li> <div class="effect" id="pulsate"> <p>Pulsate 2 times</p> </div> </li> - + <li> <div class="effect" id="puff"> <p>Puff</p> </div> </li> - + <li> <div class="effect" id="scale"> <p>Scale</p> </div> </li> - + <li> <div class="effect" id="shake"> <p>Shake</p> </div> </li> - + <li> <div class="effect" id="slideDown"> <p>Slide down</p> </div> </li> - + <li> <div class="effect" id="slideUp"> <p>Slide up</p> </div> </li> - + <li> <div class="effect" id="slideLeft"> <p>Slide left</p> </div> </li> - + <li> <div class="effect" id="slideRight"> <p>Slide right</p> </div> </li> - + <li> <div class="effect" id="transfer"> <p>Transfer to first element</p> diff --git a/demos/real-world/image-cropper/index.html b/demos/real-world/image-cropper/index.html index c7e60fe19..5c6f2c9de 100644 --- a/demos/real-world/image-cropper/index.html +++ b/demos/real-world/image-cropper/index.html @@ -9,7 +9,7 @@ <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> @@ -112,7 +112,7 @@ //animate:true, handles: 'all', - + knobHandles: true, //transparent: true, @@ -127,9 +127,9 @@ resize: function(event, ui) { var self = $(this).data("resizable"); - + this.style.backgroundPosition = '-' + (self.position.left) + 'px -' + (self.position.top) + 'px'; - + $("#log-top").html(self.position.top+"px"); $("#log-left").html(self.position.left+"px"); diff --git a/demos/real-world/layout/demo.js b/demos/real-world/layout/demo.js index 3696c58d1..ba854e850 100644 --- a/demos/real-world/layout/demo.js +++ b/demos/real-world/layout/demo.js @@ -6,28 +6,28 @@ .filter(':first').addClass('first').find('.up').addClass('disabled').end().end() .filter(':last').addClass('last').find('.down').addClass('disabled').end().end(); }; - + function moveUpDown() { var link = $(this), dl = link.parents('dl'), prev = dl.prev('dl'), next = dl.next('dl'); - + if(link.is('.up') && prev.length > 0) dl.insertBefore(prev); - + if(link.is('.down') && next.length > 0) dl.insertAfter(next); - + updateUpDown(dl.parent()); }; - + function addControls() { $(this).append('<span class="options"><a class="up">up</a><a class="down">down</a></span>') .find('a.up, a.down').bind('click', moveUpDown); updateUpDown($(this).parents(".ui-sortable:first")); } - + var counter = 1; function addItem() { var sortable = $(this).parents('.ui-sortable:first'); @@ -38,11 +38,11 @@ sortable.append(html).sortable('refresh').find('a.up, a.down').bind('click', moveUpDown); updateUpDown(sortable); }; - + function emptyTrashCan(item) { item.remove(); }; - + function sortableChange(event, ui) { if(ui.sender){ var w = ui.element.width(); @@ -50,7 +50,7 @@ ui.helper.css("width",ui.element.children().width()); } }; - + function sortableUpdate(event, ui) { if(ui.element[0].id == 'trashcan'){ emptyTrashCan(ui.item); @@ -60,22 +60,22 @@ updateUpDown(ui.sender[0]); } }; - + $(document).ready(function(){ var els = ['#header', '#content', '#sidebar', '#footer', '#trashcan']; var $els = $(els.toString()); - + $('h2', $els.slice(0,-1)).append('<span class="options"><a class="add">add</a></span>'); $('dt', $els).each(addControls); //$('dt', $els).append('<span class="options"><a class="up">up</a><a class="down">down</a></span>'); - + $('a.add').bind('click', addItem); //$('a.up, a.down').bind('click', moveUpDown); - + $els.each(function(){ updateUpDown(this); }); - + $els.sortable({ items: '> dl', handle: 'dt', @@ -101,7 +101,7 @@ handle: 'dt' }) }); - + $(window).bind('load',function(){ setTimeout(function(){ // fixes the weird scrolling in IE while killing the fade diff --git a/demos/real-world/layout/index.html b/demos/real-world/layout/index.html index deacea119..62ee91e27 100644 --- a/demos/real-world/layout/index.html +++ b/demos/real-world/layout/index.html @@ -3,27 +3,27 @@ <head> <title>UI Sortable: Layout Demo</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> - + <meta name="title" content="UI Sortable: Layout Demo" /> <meta name="description" content="A sortable layout created with the jQuery UI suite" /> - + <meta name="author" content="Joan Piedra" /> <meta name="author-url" content="http://www.joanpiedra.com/" /> <meta name="author-url" content="http://www.justaquit.com/" /> <meta name="author-url" content="http://jquery.com/" /> - + <link rel="shortcut icon" href="http://jquery.com/favicon.ico" /> <link rel="icon" href="http://jquery.com/favicon.ico" type="image/x-icon" /> - + <link rel="stylesheet" href="demo.css" type="text/css" media="screen" /> <!--[if IE]> <link rel="stylesheet" href="demo-ie.css" type="text/css" media="screen" /> <![endif]--> </head> - + <body id="uidemo"> <h1>UI Sortable: <em>Layout demo</em></h1> - + <div id="container"> <div id="header" class="ui-sortable"> <h2>Header</h2> @@ -32,7 +32,7 @@ <dd>Main Navigation</dd> </dl> </div> - + <div id="content" class="ui-sortable"> <h2>Content</h2> <dl class="sort"> @@ -40,7 +40,7 @@ <dd>Main blog post</dd> </dl> </div> - + <div id="sidebar" class="ui-sortable"> <h2>Sidebar</h2> <dl class="sort"> @@ -56,9 +56,9 @@ <dd>Random Links</dd> </dl> </div> - + <div class="clear"></div> - + <div id="footer" class="ui-sortable"> <h2>Footer</h2> <dl class="sort"> @@ -67,7 +67,7 @@ </dl> </div> </div> - + <div id="meta"> <div id="components" class="ui-sortable"> <h2>Components</h2> @@ -81,20 +81,20 @@ <dd>Caption</dd> </dl> </div> - + <div id="trashcan" class="ui-sortable"> <h2>Trash can</h2> <p>Drag modules here to delete them.</p> </div> </div> - + <div class="clear"></div> <div id="overlay"> <div id="preloader"><img src="loader.gif" alt="" /></div> </div> - + <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> <script type="text/javascript" src="../../../ui/ui.droppable.js"></script> diff --git a/demos/real-world/photo-manager/index.html b/demos/real-world/photo-manager/index.html index f0601259d..cca6de9a9 100644 --- a/demos/real-world/photo-manager/index.html +++ b/demos/real-world/photo-manager/index.html @@ -125,8 +125,8 @@ <div style="margin: 5px; padding: 5px;min-height:20px" class="ui-slider-2 ui-slider" id="sliderSize"> <a style="cursor: default;" href="javascript:void(0)"> <div class="ui-slider-handle" style="left: 150px;min-height:20px"></div> - </a> - </div> + </a> + </div> </div> <div class="box" id="trash"> <h2>Trash (drag me back)</h2> diff --git a/demos/real-world/photo-manager/js/demo.js b/demos/real-world/photo-manager/js/demo.js index 1d57bb9a9..9f9308ee9 100644 --- a/demos/real-world/photo-manager/js/demo.js +++ b/demos/real-world/photo-manager/js/demo.js @@ -117,15 +117,15 @@ $(window).bind('load', function() { .displayBox(); return false; }); - - + + var sliderChange = function(event, ui){ $('.img_content').each(function(index, item){ var _new = 1.44 * $('#sliderSize').slider("value"); - + $(this).css("width", _new+'px') .parent().css("width", (_new+16)+'px'); - + }); } $('#sliderSize').slider({ @@ -136,7 +136,7 @@ $(window).bind('load', function() { slide : sliderChange, change : sliderChange }); - + }); function createGalleryItem(img) { diff --git a/demos/real-world/photo-manager/js/jquery.livequery.js b/demos/real-world/photo-manager/js/jquery.livequery.js index dfed9fe75..5bab175ee 100644 --- a/demos/real-world/photo-manager/js/jquery.livequery.js +++ b/demos/real-world/photo-manager/js/jquery.livequery.js @@ -8,15 +8,15 @@ */ (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 && @@ -24,34 +24,34 @@ $.extend($.fn, { // 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; } @@ -65,14 +65,14 @@ $.livequery = function(selector, context, type, fn, fn2) { 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; }; @@ -80,7 +80,7 @@ $.livequery = function(selector, context, type, fn, fn2) { $.livequery.prototype = { stop: function() { var query = this; - + if ( this.type ) // Unbind all bound events this.elements.unbind(this.type, this.fn); @@ -89,30 +89,30 @@ $.livequery.prototype = { 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) { @@ -125,7 +125,7 @@ $.livequery.prototype = { 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) { @@ -142,7 +142,7 @@ $.extend($.livequery, { queue: [], running: false, timeout: null, - + checkQueue: function() { if ( $.livequery.running && $.livequery.queue.length ) { var length = $.livequery.queue.length; @@ -151,41 +151,41 @@ $.extend($.livequery, { $.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 @@ -198,13 +198,13 @@ $.extend($.livequery, { 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 @@ -231,20 +231,20 @@ var init = $.prototype.init; $.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/demos/real-world/range-interface/index.html b/demos/real-world/range-interface/index.html index 7fbf61cad..a32501a46 100644 --- a/demos/real-world/range-interface/index.html +++ b/demos/real-world/range-interface/index.html @@ -57,7 +57,7 @@ <div id="col-1"> <div id="slider1" class="ui-slider-2"> <div class="ui-slider-handle"></div> - <div class="ui-slider-handle"></div> + <div class="ui-slider-handle"></div> <span class="label-1">0</span> <span class="label-2">100</span> </div> @@ -76,7 +76,7 @@ <option>bounce</option> </select> </div> - + <div id="col-2"> <div>0</div> <div>10</div> diff --git a/demos/real-world/splitpane/index.html b/demos/real-world/splitpane/index.html index 21f204a85..cd0dd8723 100644 --- a/demos/real-world/splitpane/index.html +++ b/demos/real-world/splitpane/index.html @@ -7,7 +7,7 @@ <!-- jQuery --> <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> @@ -26,9 +26,9 @@ <span class="ui-toolbar-item-hide-icon"></span> <span>jQuery UI Resizable SplitPanel</span> </div> <table id="container" cellpadding="0" cellspacing="0" border="0"> - + <tr> - + <td class="ui-split-side-box"> <div class="ui-split-side"> <ul id="component-links"> @@ -43,17 +43,17 @@ </ul> </div> </td> - - + + <td class="ui-split-main-box"> <div class="ui-split-main1"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum commodo mollis tortor. Ut dapibus turpis consequat quam. Nulla lacinia. Donec nunc. Donec sollicitudin. Vivamus orci. Pellentesque tempus velit vitae odio. Maecenas enim arcu, volutpat ac, viverra id, bibendum eu, felis. Vestibulum imperdiet arcu. Ut nisi. Cras vel lectus consectetuer mauris luctus ultrices. Duis fringilla pellentesque sapien. <br><br> Cras tristique justo vel metus. Pellentesque dolor libero, ullamcorper ac, vehicula eget, porttitor at, dui. Ut a nibh. Nunc sit amet turpis. Aenean diam dui, consequat vel, scelerisque id, accumsan a, lectus. Duis ultrices, enim vitae pharetra tincidunt, elit nunc sollicitudin felis, dapibus pellentesque urna velit ut quam. Donec scelerisque vehicula dolor. Suspendisse lectus dui, posuere sit amet, sagittis nec, vulputate in, libero. Morbi tempus sagittis est. Phasellus in nisi. Sed a ligula. Vivamus condimentum quam non nibh. Fusce pellentesque, neque ac scelerisque luctus, leo elit bibendum elit, in rutrum leo erat tristique felis. Etiam consequat fringilla eros. Nullam neque. Aenean mollis, odio at consectetuer sollicitudin, tortor lorem facilisis nunc, sit amet condimentum lectus libero convallis dolor. Vivamus quis risus. - + </div> </td> - + <td class="ui-split-main-box"> <div class="ui-split-main2"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum commodo mollis tortor. Ut dapibus turpis consequat quam. Nulla lacinia. Donec nunc. Donec sollicitudin. Vivamus orci. Pellentesque tempus velit vitae odio. Maecenas enim arcu, volutpat ac, viverra id, bibendum eu, felis. Vestibulum imperdiet arcu. Ut nisi. Cras vel lectus consectetuer mauris luctus ultrices. Duis fringilla pellentesque sapien. @@ -61,7 +61,7 @@ Cras tristique justo vel metus. Pellentesque dolor libero, ullamcorper ac, vehicula eget, porttitor at, dui. Ut a nibh. Nunc sit amet turpis. Aenean diam dui, consequat vel, scelerisque id, accumsan a, lectus. Duis ultrices, enim vitae pharetra tincidunt, elit nunc sollicitudin felis, dapibus pellentesque urna velit ut quam. Donec scelerisque vehicula dolor. Suspendisse lectus dui, posuere sit amet, sagittis nec, vulputate in, libero. Morbi tempus sagittis est. Phasellus in nisi. Sed a ligula. Vivamus condimentum quam non nibh. Fusce pellentesque, neque ac scelerisque luctus, leo elit bibendum elit, in rutrum leo erat tristique felis. Etiam consequat fringilla eros. Nullam neque. Aenean mollis, odio at consectetuer sollicitudin, tortor lorem facilisis nunc, sit amet condimentum lectus libero convallis dolor. Vivamus quis risus. </div> </td> - + <td class="ui-split-main-box"> <div class="ui-split-main3"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum commodo mollis tortor. Ut dapibus turpis consequat quam. Nulla lacinia. Donec nunc. Donec sollicitudin. Vivamus orci. Pellentesque tempus velit vitae odio. Maecenas enim arcu, volutpat ac, viverra id, bibendum eu, felis. Vestibulum imperdiet arcu. Ut nisi. Cras vel lectus consectetuer mauris luctus ultrices. Duis fringilla pellentesque sapien. @@ -69,9 +69,9 @@ Cras tristique justo vel metus. Pellentesque dolor libero, ullamcorper ac, vehicula eget, porttitor at, dui. Ut a nibh. Nunc sit amet turpis. Aenean diam dui, consequat vel, scelerisque id, accumsan a, lectus. Duis ultrices, enim vitae pharetra tincidunt, elit nunc sollicitudin felis, dapibus pellentesque urna velit ut quam. Donec scelerisque vehicula dolor. Suspendisse lectus dui, posuere sit amet, sagittis nec, vulputate in, libero. Morbi tempus sagittis est. Phasellus in nisi. Sed a ligula. Vivamus condimentum quam non nibh. Fusce pellentesque, neque ac scelerisque luctus, leo elit bibendum elit, in rutrum leo erat tristique felis. Etiam consequat fringilla eros. Nullam neque. Aenean mollis, odio at consectetuer sollicitudin, tortor lorem facilisis nunc, sit amet condimentum lectus libero convallis dolor. Vivamus quis risus. </div> </td> - + </tr> - + </table> </div> <script type="text/javascript"> @@ -82,7 +82,7 @@ minWidth: 200, maxWidth: 800 }); - + $('div.ui-split-side').resizable({ handles: 'e', proxy: 'proxy', |