Permalink
Please
sign in to comment.
Showing
with
168 additions
and 168 deletions.
- +91 −91 demos/effect/easing.html
- +56 −56 demos/slider/hotelrooms.html
- +21 −21 ui/i18n/ui.datepicker-az.js
@@ -1,91 +1,91 @@ | ||
<!doctype html> | ||
<html lang="en"> | ||
<head> | ||
<title>jQuery UI Effects - Effect Demo</title> | ||
<link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" /> | ||
<script type="text/javascript" src="../../jquery-1.3.2.js"></script> | ||
<script type="text/javascript" src="../../ui/effects.core.js"></script> | ||
<link type="text/css" href="../demos.css" rel="stylesheet" /> | ||
<style type="text/css"> | ||
.graph { | ||
float: left; | ||
margin-left: 10px; | ||
} | ||
</style> | ||
<script type="text/javascript"> | ||
$(function() { | ||
if (!$("<canvas/>")[0].getContext) { | ||
$("<div/>").text("Your browser doesn't support canvas, which is required for this demo. Give Firefox 3 a try!").appendTo("#graphs"); | ||
return; | ||
} | ||
var i = 0; | ||
var width = 100, | ||
height = 100; | ||
$.each($.easing, function(name, impl) { | ||
// skip linera/jswing and any non functioning implementation | ||
if (!$.isFunction(impl) || /linear|jswing/.test(name)) | ||
return; | ||
var graph = $("<div/>").addClass("graph").appendTo("#graphs"); | ||
var text = $("<div/>").text(++i + ". " + name).appendTo(graph); | ||
var canvas = $("<canvas/>").appendTo(graph)[0] | ||
canvas.width = width; | ||
canvas.height = height; | ||
var drawHeight = height * 0.75; | ||
var cradius = 10; | ||
var ctx = canvas.getContext("2d"); | ||
ctx.fillStyle = "black"; | ||
ctx.beginPath(); | ||
ctx.moveTo(cradius, 0); | ||
ctx.quadraticCurveTo(0, 0, 0, cradius); | ||
ctx.lineTo(0, height - cradius); | ||
ctx.quadraticCurveTo(0, height, cradius, height); | ||
ctx.lineTo(width - cradius, height); | ||
ctx.quadraticCurveTo(width, height, width, height - cradius); | ||
ctx.lineTo(width, 0); | ||
ctx.lineTo(cradius, 0); | ||
ctx.fill(); | ||
ctx.strokeStyle = "#555"; | ||
ctx.beginPath(); | ||
ctx.moveTo(0, drawHeight + .5); | ||
ctx.lineTo(width, drawHeight + .5); | ||
ctx.stroke(); | ||
ctx.strokeStyle = "white"; | ||
ctx.lineWidth = 2; | ||
ctx.beginPath(); | ||
$.each(new Array(width), function(position) { | ||
ctx.lineTo(position, drawHeight - position * impl(0, position, 0, 1, height) * 0.75); | ||
}); | ||
ctx.stroke(); | ||
graph.click(function() { | ||
$(canvas).animate({height: "hide"}, "slow", name).animate({"left": "0"}, 800).animate({height: "show"}, "slow", name); | ||
}); | ||
graph.width(width).height(height + text.height() + 10); | ||
//return false; | ||
}); | ||
}); | ||
</script> | ||
</head> | ||
<body> | ||
|
||
<div class="demo"> | ||
|
||
<div id="graphs"></div> | ||
|
||
<div id="animted"></div> | ||
|
||
</div><!-- End demo --> | ||
|
||
<div class="demo-description"> | ||
|
||
<p><strong>All easings provided by jQuery UI are drawn above, using a HTLM canvas element</strong>. Click a diagram to see the easing in action.</p> | ||
|
||
</div><!-- End demo-description --> | ||
|
||
</body> | ||
</html> | ||
|
||
<!doctype html> | ||
<html lang="en"> | ||
<head> | ||
<title>jQuery UI Effects - Effect Demo</title> | ||
<link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" /> | ||
<script type="text/javascript" src="../../jquery-1.3.2.js"></script> | ||
<script type="text/javascript" src="../../ui/effects.core.js"></script> | ||
<link type="text/css" href="../demos.css" rel="stylesheet" /> | ||
<style type="text/css"> | ||
.graph { | ||
float: left; | ||
margin-left: 10px; | ||
} | ||
</style> | ||
<script type="text/javascript"> | ||
$(function() { | ||
if (!$("<canvas/>")[0].getContext) { | ||
$("<div/>").text("Your browser doesn't support canvas, which is required for this demo. Give Firefox 3 a try!").appendTo("#graphs"); | ||
return; | ||
} | ||
var i = 0; | ||
var width = 100, | ||
height = 100; | ||
$.each($.easing, function(name, impl) { | ||
// skip linera/jswing and any non functioning implementation | ||
if (!$.isFunction(impl) || /linear|jswing/.test(name)) | ||
return; | ||
var graph = $("<div/>").addClass("graph").appendTo("#graphs"); | ||
var text = $("<div/>").text(++i + ". " + name).appendTo(graph); | ||
var canvas = $("<canvas/>").appendTo(graph)[0] | ||
canvas.width = width; | ||
canvas.height = height; | ||
var drawHeight = height * 0.75; | ||
var cradius = 10; | ||
var ctx = canvas.getContext("2d"); | ||
ctx.fillStyle = "black"; | ||
ctx.beginPath(); | ||
ctx.moveTo(cradius, 0); | ||
ctx.quadraticCurveTo(0, 0, 0, cradius); | ||
ctx.lineTo(0, height - cradius); | ||
ctx.quadraticCurveTo(0, height, cradius, height); | ||
ctx.lineTo(width - cradius, height); | ||
ctx.quadraticCurveTo(width, height, width, height - cradius); | ||
ctx.lineTo(width, 0); | ||
ctx.lineTo(cradius, 0); | ||
ctx.fill(); | ||
ctx.strokeStyle = "#555"; | ||
ctx.beginPath(); | ||
ctx.moveTo(0, drawHeight + .5); | ||
ctx.lineTo(width, drawHeight + .5); | ||
ctx.stroke(); | ||
ctx.strokeStyle = "white"; | ||
ctx.lineWidth = 2; | ||
ctx.beginPath(); | ||
$.each(new Array(width), function(position) { | ||
ctx.lineTo(position, drawHeight - position * impl(0, position, 0, 1, height) * 0.75); | ||
}); | ||
ctx.stroke(); | ||
graph.click(function() { | ||
$(canvas).animate({height: "hide"}, "slow", name).animate({"left": "0"}, 800).animate({height: "show"}, "slow", name); | ||
}); | ||
graph.width(width).height(height + text.height() + 10); | ||
//return false; | ||
}); | ||
}); | ||
</script> | ||
</head> | ||
<body> | ||
|
||
<div class="demo"> | ||
|
||
<div id="graphs"></div> | ||
|
||
<div id="animted"></div> | ||
|
||
</div><!-- End demo --> | ||
|
||
<div class="demo-description"> | ||
|
||
<p><strong>All easings provided by jQuery UI are drawn above, using a HTLM canvas element</strong>. Click a diagram to see the easing in action.</p> | ||
|
||
</div><!-- End demo-description --> | ||
|
||
</body> | ||
</html> | ||
|
@@ -1,56 +1,56 @@ | ||
<!doctype html> | ||
<html lang="en"> | ||
<head> | ||
<title>jQuery UI Slider - Range with fixed minimum</title> | ||
<link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" /> | ||
<script type="text/javascript" src="../../jquery-1.3.2.js"></script> | ||
<script type="text/javascript" src="../../ui/ui.core.js"></script> | ||
<script type="text/javascript" src="../../ui/ui.slider.js"></script> | ||
<link type="text/css" href="../demos.css" rel="stylesheet" /> | ||
<style type="text/css"> | ||
#demo-frame > div.demo { padding: 10px !important; }; | ||
</style> | ||
<script type="text/javascript"> | ||
$(function() { | ||
var select = $("#minbeds"); | ||
var slider = $('<div id="slider"></div>').insertAfter(select).slider({ | ||
min: 1, | ||
max: 6, | ||
range: "min", | ||
value: select[0].selectedIndex + 1, | ||
slide: function(event, ui) { | ||
select[0].selectedIndex = ui.value - 1; | ||
} | ||
}); | ||
$("#minbeds").click(function() { | ||
slider.slider("value", this.selectedIndex + 1); | ||
}); | ||
}); | ||
</script> | ||
</head> | ||
<body> | ||
|
||
<div class="demo"> | ||
|
||
<form id="reservation"> | ||
<label for="minbeds">Minimum number of beds</label> | ||
<select name="minbeds" id="minbeds"> | ||
<option>1</option> | ||
<option>2</option> | ||
<option>3</option> | ||
<option>4</option> | ||
<option>5</option> | ||
<option>6</option> | ||
</select> | ||
</form> | ||
|
||
</div><!-- End demo --> | ||
|
||
<div class="demo-description"> | ||
|
||
<p>How to bind a slider to an existing select element. The select stays visible to display the change. When the select is changed, the slider is updated, too.</p> | ||
|
||
</div><!-- End demo-description --> | ||
|
||
</body> | ||
</html> | ||
<!doctype html> | ||
<html lang="en"> | ||
<head> | ||
<title>jQuery UI Slider - Range with fixed minimum</title> | ||
<link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" /> | ||
<script type="text/javascript" src="../../jquery-1.3.2.js"></script> | ||
<script type="text/javascript" src="../../ui/ui.core.js"></script> | ||
<script type="text/javascript" src="../../ui/ui.slider.js"></script> | ||
<link type="text/css" href="../demos.css" rel="stylesheet" /> | ||
<style type="text/css"> | ||
#demo-frame > div.demo { padding: 10px !important; }; | ||
</style> | ||
<script type="text/javascript"> | ||
$(function() { | ||
var select = $("#minbeds"); | ||
var slider = $('<div id="slider"></div>').insertAfter(select).slider({ | ||
min: 1, | ||
max: 6, | ||
range: "min", | ||
value: select[0].selectedIndex + 1, | ||
slide: function(event, ui) { | ||
select[0].selectedIndex = ui.value - 1; | ||
} | ||
}); | ||
$("#minbeds").click(function() { | ||
slider.slider("value", this.selectedIndex + 1); | ||
}); | ||
}); | ||
</script> | ||
</head> | ||
<body> | ||
|
||
<div class="demo"> | ||
|
||
<form id="reservation"> | ||
<label for="minbeds">Minimum number of beds</label> | ||
<select name="minbeds" id="minbeds"> | ||
<option>1</option> | ||
<option>2</option> | ||
<option>3</option> | ||
<option>4</option> | ||
<option>5</option> | ||
<option>6</option> | ||
</select> | ||
</form> | ||
|
||
</div><!-- End demo --> | ||
|
||
<div class="demo-description"> | ||
|
||
<p>How to bind a slider to an existing select element. The select stays visible to display the change. When the select is changed, the slider is updated, too.</p> | ||
|
||
</div><!-- End demo-description --> | ||
|
||
</body> | ||
</html> |
@@ -1,22 +1,22 @@ | ||
/* Azerbaijani (UTF-8) initialisation for the jQuery UI date picker plugin. */ | ||
/* Written by Jamil Najafov (necefov33@gmail.com). */ | ||
jQuery(function($) { | ||
$.datepicker.regional['az'] = { | ||
closeText: 'Bağla', | ||
prevText: '<Geri', | ||
nextText: 'İrəli>', | ||
currentText: 'Bugün', | ||
monthNames: ['Yanvar','Fevral','Mart','Aprel','May','İyun', | ||
'İyul','Avqust','Sentyabr','Oktyabr','Noyabr','Dekabr'], | ||
monthNamesShort: ['Yan','Fev','Mar','Apr','May','İyun', | ||
'İyul','Avq','Sen','Okt','Noy','Dek'], | ||
dayNames: ['Bazar','Bazar ertəsi','Çərşənbə axşamı','Çərşənbə','Cümə axşamı','Cümə','Şənbə'], | ||
dayNamesShort: ['B','Be','Ça','Ç','Ca','C','Ş'], | ||
dayNamesMin: ['B','B','Ç','С','Ç','C','Ş'], | ||
dateFormat: 'dd.mm.yy', | ||
firstDay: 1, | ||
isRTL: false, | ||
showMonthAfterYear: false, | ||
yearSuffix: ''}; | ||
$.datepicker.setDefaults($.datepicker.regional['az']); | ||
/* Azerbaijani (UTF-8) initialisation for the jQuery UI date picker plugin. */ | ||
/* Written by Jamil Najafov (necefov33@gmail.com). */ | ||
jQuery(function($) { | ||
$.datepicker.regional['az'] = { | ||
closeText: 'Bağla', | ||
prevText: '<Geri', | ||
nextText: 'İrəli>', | ||
currentText: 'Bugün', | ||
monthNames: ['Yanvar','Fevral','Mart','Aprel','May','İyun', | ||
'İyul','Avqust','Sentyabr','Oktyabr','Noyabr','Dekabr'], | ||
monthNamesShort: ['Yan','Fev','Mar','Apr','May','İyun', | ||
'İyul','Avq','Sen','Okt','Noy','Dek'], | ||
dayNames: ['Bazar','Bazar ertəsi','Çərşənbə axşamı','Çərşənbə','Cümə axşamı','Cümə','Şənbə'], | ||
dayNamesShort: ['B','Be','Ça','Ç','Ca','C','Ş'], | ||
dayNamesMin: ['B','B','Ç','С','Ç','C','Ş'], | ||
dateFormat: 'dd.mm.yy', | ||
firstDay: 1, | ||
isRTL: false, | ||
showMonthAfterYear: false, | ||
yearSuffix: ''}; | ||
$.datepicker.setDefaults($.datepicker.regional['az']); | ||
}); |
0 comments on commit
5f83018