aboutsummaryrefslogtreecommitdiffstats
path: root/demos/functional
diff options
context:
space:
mode:
authorRichard Worth <rdworth@gmail.com>2008-11-18 02:55:25 +0000
committerRichard Worth <rdworth@gmail.com>2008-11-18 02:55:25 +0000
commit29f7dc9a2c078495f6a0ed13c531733146528fb4 (patch)
tree5d56f5a7ecba3c8173de3322c2a85bfecf61348b /demos/functional
parentce69e7ced4e8786ca5164372007c48a11ba90e72 (diff)
downloadjquery-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.html26
-rw-r--r--demos/functional/js/behaviour.functionaldemos.js4
-rw-r--r--demos/functional/js/behaviour.js44
-rw-r--r--demos/functional/js/functional.demo.js68
-rw-r--r--demos/functional/templates/ui.dialog.html4
-rw-r--r--demos/functional/templates/ui.droppable.photos.html2
-rw-r--r--demos/functional/templates/ui.effects.easing.html2
-rw-r--r--demos/functional/templates/ui.effects.general.html4
-rw-r--r--demos/functional/templates/ui.progressbar.html4
-rw-r--r--demos/functional/templates/ui.slider.html6
-rw-r--r--demos/functional/templates/ui.sortable.ex1.html16
-rw-r--r--demos/functional/templates/ui.sortable.ex3.html10
-rw-r--r--demos/functional/templates/ui.sortable.html12
-rw-r--r--demos/functional/templates/ui.spinner.html4
-rw-r--r--demos/functional/templates/ui.tabs.ex1.html6
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,"&lt;").replace(/>/g,"&gt;");
};
-
+
// 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>