Permalink
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']); | ||
| }); |