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/functional | |
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/functional')
-rw-r--r-- | demos/functional/index.html | 26 | ||||
-rw-r--r-- | demos/functional/js/behaviour.functionaldemos.js | 4 | ||||
-rw-r--r-- | demos/functional/js/behaviour.js | 44 | ||||
-rw-r--r-- | demos/functional/js/functional.demo.js | 68 | ||||
-rw-r--r-- | demos/functional/templates/ui.dialog.html | 4 | ||||
-rw-r--r-- | demos/functional/templates/ui.droppable.photos.html | 2 | ||||
-rw-r--r-- | demos/functional/templates/ui.effects.easing.html | 2 | ||||
-rw-r--r-- | demos/functional/templates/ui.effects.general.html | 4 | ||||
-rw-r--r-- | demos/functional/templates/ui.progressbar.html | 4 | ||||
-rw-r--r-- | demos/functional/templates/ui.slider.html | 6 | ||||
-rw-r--r-- | demos/functional/templates/ui.sortable.ex1.html | 16 | ||||
-rw-r--r-- | demos/functional/templates/ui.sortable.ex3.html | 10 | ||||
-rw-r--r-- | demos/functional/templates/ui.sortable.html | 12 | ||||
-rw-r--r-- | demos/functional/templates/ui.spinner.html | 4 | ||||
-rw-r--r-- | demos/functional/templates/ui.tabs.ex1.html | 6 |
15 files changed, 106 insertions, 106 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> |