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