mirror of
https://github.com/jquery/jquery-ui.git
synced 2025-01-07 20:34:24 +00:00
set svn:eol-style to native
This commit is contained in:
Richard Worth
parent
057d3c677e
commit
77cea8f364
@ -1,32 +1,32 @@
|
||||
<script type="text/javascript">
|
||||
|
||||
var autocomplete_data = '["aero", "airplane", "book","movie","music","sports","skating","swim"]';
|
||||
|
||||
var model = {
|
||||
|
||||
renderAt: '#containerDemo',
|
||||
|
||||
title: 'Autocomplete Demos',
|
||||
|
||||
demos: [
|
||||
|
||||
{
|
||||
title: 'Simple autocomplete',
|
||||
desc: 'With few lines of code you could build a autocomplete. You can try more options on the fly! ',
|
||||
html: '<input id="autocomplete" type="text" /> (Try type <em>a</em>, <em>m</em> or <em>s</em>)',
|
||||
destroy: '$("#autocomplete").autocomplete("destroy");',
|
||||
options: [
|
||||
{ desc: 'Attach a autocomplete', source: '$("#autocomplete").autocomplete({data:'+autocomplete_data+'});' }
|
||||
]
|
||||
}
|
||||
|
||||
]
|
||||
};
|
||||
|
||||
$(function(){
|
||||
|
||||
uiRenderDemo(model);
|
||||
|
||||
});
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
var autocomplete_data = '["aero", "airplane", "book","movie","music","sports","skating","swim"]';
|
||||
|
||||
var model = {
|
||||
|
||||
renderAt: '#containerDemo',
|
||||
|
||||
title: 'Autocomplete Demos',
|
||||
|
||||
demos: [
|
||||
|
||||
{
|
||||
title: 'Simple autocomplete',
|
||||
desc: 'With few lines of code you could build a autocomplete. You can try more options on the fly! ',
|
||||
html: '<input id="autocomplete" type="text" /> (Try type <em>a</em>, <em>m</em> or <em>s</em>)',
|
||||
destroy: '$("#autocomplete").autocomplete("destroy");',
|
||||
options: [
|
||||
{ desc: 'Attach a autocomplete', source: '$("#autocomplete").autocomplete({data:'+autocomplete_data+'});' }
|
||||
]
|
||||
}
|
||||
|
||||
]
|
||||
};
|
||||
|
||||
$(function(){
|
||||
|
||||
uiRenderDemo(model);
|
||||
|
||||
});
|
||||
|
||||
</script>
|
||||
@ -1,41 +1,41 @@
|
||||
<script type="text/javascript">
|
||||
|
||||
var model = {
|
||||
|
||||
renderAt: '#containerDemo',
|
||||
|
||||
title: 'Colorpicker Demos',
|
||||
|
||||
demos: [
|
||||
|
||||
{
|
||||
title: 'Inline colorpicker',
|
||||
desc: 'With few lines of code you could build a colorpicker. You can try more options on the fly!',
|
||||
html: '<div id="colorpicker" />',
|
||||
destroy: '$("#colorpicker").colorpicker("destroy");',
|
||||
options: [
|
||||
{ desc: 'Make a colorpicker', source: '$("#colorpicker").colorpicker({flat:true});' }
|
||||
]
|
||||
},
|
||||
|
||||
{
|
||||
title: 'Triggered colorpicker',
|
||||
desc: 'With few lines of code you could build a colorpicker. You can try more options on the fly!',
|
||||
html: '<input id="colorpicker2" /><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>',
|
||||
destroy: '$("#colorpicker2").colorpicker("destroy");',
|
||||
options: [
|
||||
{ desc: 'Make a colorpicker', source: '$("#colorpicker2").colorpicker( {submit: function(e,ui) { $("#colorpicker2").val(ui.hex);} });' },
|
||||
{ desc: 'Fade in/out a colorpicker', source: '$("#colorpicker2").colorpicker( {show: function (e,ui) { $(this).data("colorpicker").picker.fadeIn(500);return false; }, hide: function (e,ui) { $(this).data("colorpicker").picker.fadeOut(500);return false; }, change: function(e,ui) { $("#colorpicker2").val(ui.hex); } });' }
|
||||
]
|
||||
}
|
||||
|
||||
]
|
||||
};
|
||||
|
||||
$(function(){
|
||||
|
||||
uiRenderDemo(model);
|
||||
|
||||
});
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
var model = {
|
||||
|
||||
renderAt: '#containerDemo',
|
||||
|
||||
title: 'Colorpicker Demos',
|
||||
|
||||
demos: [
|
||||
|
||||
{
|
||||
title: 'Inline colorpicker',
|
||||
desc: 'With few lines of code you could build a colorpicker. You can try more options on the fly!',
|
||||
html: '<div id="colorpicker" />',
|
||||
destroy: '$("#colorpicker").colorpicker("destroy");',
|
||||
options: [
|
||||
{ desc: 'Make a colorpicker', source: '$("#colorpicker").colorpicker({flat:true});' }
|
||||
]
|
||||
},
|
||||
|
||||
{
|
||||
title: 'Triggered colorpicker',
|
||||
desc: 'With few lines of code you could build a colorpicker. You can try more options on the fly!',
|
||||
html: '<input id="colorpicker2" /><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>',
|
||||
destroy: '$("#colorpicker2").colorpicker("destroy");',
|
||||
options: [
|
||||
{ desc: 'Make a colorpicker', source: '$("#colorpicker2").colorpicker( {submit: function(e,ui) { $("#colorpicker2").val(ui.hex);} });' },
|
||||
{ desc: 'Fade in/out a colorpicker', source: '$("#colorpicker2").colorpicker( {show: function (e,ui) { $(this).data("colorpicker").picker.fadeIn(500);return false; }, hide: function (e,ui) { $(this).data("colorpicker").picker.fadeOut(500);return false; }, change: function(e,ui) { $("#colorpicker2").val(ui.hex); } });' }
|
||||
]
|
||||
}
|
||||
|
||||
]
|
||||
};
|
||||
|
||||
$(function(){
|
||||
|
||||
uiRenderDemo(model);
|
||||
|
||||
});
|
||||
|
||||
</script>
|
||||
@ -1,40 +1,40 @@
|
||||
<input type="text" size="10" value="" id="dayByDay"/>
|
||||
<style type="text/css">
|
||||
.ar_day { color: white !important; background: #eee url(templates/images/ar.gif) no-repeat center !important; }
|
||||
.au_day { color: blue !important; background: #eee url(templates/images/au.gif) no-repeat center !important; }
|
||||
.br_day { color: green !important; background: #eee url(templates/images/br.gif) no-repeat center !important; }
|
||||
.cn_day { color: red !important; background: #eee url(templates/images/cn.gif) no-repeat center !important; }
|
||||
.id_day { color: white !important; background: #eee url(templates/images/id.gif) no-repeat center !important; }
|
||||
.ie_day { color: white !important; background: #eee url(templates/images/ie.gif) no-repeat center !important; }
|
||||
.ke_day { color: red !important; background: #eee url(templates/images/ke.gif) no-repeat center !important; }
|
||||
.lb_day { color: white !important; background: #eee url(templates/images/lb.gif) no-repeat center !important; }
|
||||
.nz_day { color: blue !important; background: #eee url(templates/images/nz.gif) no-repeat center !important; }
|
||||
.se_day { color: blue !important; background: #eee url(templates/images/se.gif) no-repeat center !important; }
|
||||
.us_day { color: white !important; background: #eee url(templates/images/us.gif) no-repeat center !important; }
|
||||
.za_day { color: green !important; background: #eee url(templates/images/za.gif) no-repeat center !important; }
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
var natDays = [[1, 26, "au"], [2, 6, "nz"], [3, 17, "ie"], [4, 27, "za"], [5, 25, "ar"], [6, 6, "se"],
|
||||
[7, 4, "us"], [8, 17, "id"], [9, 7, "br"], [10, 1, "cn"], [11, 22, "lb"], [12, 12, "ke"]];
|
||||
|
||||
function nationalDays(date) {
|
||||
for (i = 0; i < natDays.length; i++) {
|
||||
if (date.getMonth() == natDays[i][0] - 1 && date.getDate() == natDays[i][1]) {
|
||||
return [false, natDays[i][2] + "_day"];
|
||||
}
|
||||
}
|
||||
return [true, ""];
|
||||
}
|
||||
|
||||
function highlightToday(date, inst) {
|
||||
var today = new Date();
|
||||
today = new Date(today.getFullYear(), today.getMonth(), today.getDate());
|
||||
return $.datepicker.dateStatus(date, inst) +
|
||||
(today.getTime() == date.getTime() ? " (today)" : "");
|
||||
}
|
||||
|
||||
function showDayOfYear(date) {
|
||||
var lastYearEnd = new Date(date.getFullYear() - 1, 12 - 1, 31, 0, 0, 0, 0);
|
||||
return [true, "", "Day " + ((date.getTime() - lastYearEnd.getTime()) / 86400000) + " of the year"];
|
||||
}
|
||||
<input type="text" size="10" value="" id="dayByDay"/>
|
||||
<style type="text/css">
|
||||
.ar_day { color: white !important; background: #eee url(templates/images/ar.gif) no-repeat center !important; }
|
||||
.au_day { color: blue !important; background: #eee url(templates/images/au.gif) no-repeat center !important; }
|
||||
.br_day { color: green !important; background: #eee url(templates/images/br.gif) no-repeat center !important; }
|
||||
.cn_day { color: red !important; background: #eee url(templates/images/cn.gif) no-repeat center !important; }
|
||||
.id_day { color: white !important; background: #eee url(templates/images/id.gif) no-repeat center !important; }
|
||||
.ie_day { color: white !important; background: #eee url(templates/images/ie.gif) no-repeat center !important; }
|
||||
.ke_day { color: red !important; background: #eee url(templates/images/ke.gif) no-repeat center !important; }
|
||||
.lb_day { color: white !important; background: #eee url(templates/images/lb.gif) no-repeat center !important; }
|
||||
.nz_day { color: blue !important; background: #eee url(templates/images/nz.gif) no-repeat center !important; }
|
||||
.se_day { color: blue !important; background: #eee url(templates/images/se.gif) no-repeat center !important; }
|
||||
.us_day { color: white !important; background: #eee url(templates/images/us.gif) no-repeat center !important; }
|
||||
.za_day { color: green !important; background: #eee url(templates/images/za.gif) no-repeat center !important; }
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
var natDays = [[1, 26, "au"], [2, 6, "nz"], [3, 17, "ie"], [4, 27, "za"], [5, 25, "ar"], [6, 6, "se"],
|
||||
[7, 4, "us"], [8, 17, "id"], [9, 7, "br"], [10, 1, "cn"], [11, 22, "lb"], [12, 12, "ke"]];
|
||||
|
||||
function nationalDays(date) {
|
||||
for (i = 0; i < natDays.length; i++) {
|
||||
if (date.getMonth() == natDays[i][0] - 1 && date.getDate() == natDays[i][1]) {
|
||||
return [false, natDays[i][2] + "_day"];
|
||||
}
|
||||
}
|
||||
return [true, ""];
|
||||
}
|
||||
|
||||
function highlightToday(date, inst) {
|
||||
var today = new Date();
|
||||
today = new Date(today.getFullYear(), today.getMonth(), today.getDate());
|
||||
return $.datepicker.dateStatus(date, inst) +
|
||||
(today.getTime() == date.getTime() ? " (today)" : "");
|
||||
}
|
||||
|
||||
function showDayOfYear(date) {
|
||||
var lastYearEnd = new Date(date.getFullYear() - 1, 12 - 1, 31, 0, 0, 0, 0);
|
||||
return [true, "", "Day " + ((date.getTime() - lastYearEnd.getTime()) / 86400000) + " of the year"];
|
||||
}
|
||||
</script>
|
||||
@ -1,6 +1,6 @@
|
||||
<input type="text" size="10" value="" id="dialog" readonly="readonly"/> <button id="dialogButton" type="button">Open dialog</button>
|
||||
<script type="text/javascript">
|
||||
function setDateFromDialog(date) {
|
||||
$("#dialog").val(date);
|
||||
}
|
||||
<input type="text" size="10" value="" id="dialog" readonly="readonly"/> <button id="dialogButton" type="button">Open dialog</button>
|
||||
<script type="text/javascript">
|
||||
function setDateFromDialog(date) {
|
||||
$("#dialog").val(date);
|
||||
}
|
||||
</script>
|
||||
@ -1,14 +1,14 @@
|
||||
<input type="text" id="altInline" size="10"/>
|
||||
<div id="inline"></div>
|
||||
<p style="clear: both;"><!-- See day-by-day example for highlighting days code --></p>
|
||||
<script type="text/javascript">
|
||||
function setInlineDate() {
|
||||
try {
|
||||
var date = $.datepicker.parseDate("mm/dd/yy", $("#altInline").val());
|
||||
$("#inline").datepicker("setDate", date);
|
||||
}
|
||||
catch (e) {
|
||||
// Ignore
|
||||
}
|
||||
}
|
||||
<input type="text" id="altInline" size="10"/>
|
||||
<div id="inline"></div>
|
||||
<p style="clear: both;"><!-- See day-by-day example for highlighting days code --></p>
|
||||
<script type="text/javascript">
|
||||
function setInlineDate() {
|
||||
try {
|
||||
var date = $.datepicker.parseDate("mm/dd/yy", $("#altInline").val());
|
||||
$("#inline").datepicker("setDate", date);
|
||||
}
|
||||
catch (e) {
|
||||
// Ignore
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@ -1,54 +1,54 @@
|
||||
<select id="selectMonth"><option value="01">Jan</option><option value="02">Feb</option>
|
||||
<option value="03">Mar</option><option value="04">Apr</option>
|
||||
<option value="05">May</option><option value="06">Jun</option>
|
||||
<option value="07">Jul</option><option value="08">Aug</option>
|
||||
<option value="09">Sep</option><option value="10">Oct</option>
|
||||
<option value="11">Nov</option><option value="12">Dec</option></select>
|
||||
<select id="selectDay"><option value="01">1</option><option value="02">2</option>
|
||||
<option value="03">3</option><option value="04">4</option>
|
||||
<option value="05">5</option><option value="06">6</option>
|
||||
<option value="07">7</option><option value="08">8</option>
|
||||
<option value="09">9</option><option value="10">10</option>
|
||||
<option value="11">11</option><option value="12">12</option>
|
||||
<option value="13">13</option><option value="14">14</option>
|
||||
<option value="15">15</option><option value="16">16</option>
|
||||
<option value="17">17</option><option value="18">18</option>
|
||||
<option value="19">19</option><option value="20">20</option>
|
||||
<option value="21">21</option><option value="22">22</option>
|
||||
<option value="23">23</option><option value="24">24</option>
|
||||
<option value="25">25</option><option value="26">26</option>
|
||||
<option value="27">27</option><option value="28">28</option>
|
||||
<option value="29">29</option><option value="30">30</option>
|
||||
<option value="31">31</option></select>
|
||||
<select id="selectYear"><option value="2001">2001</option><option value="2002">2002</option>
|
||||
<option value="2003">2003</option><option value="2004">2004</option>
|
||||
<option value="2005">2005</option><option value="2006">2006</option>
|
||||
<option value="2007">2007</option><option value="2008">2008</option>
|
||||
<option value="2009">2009</option><option value="2010">2010</option></select>
|
||||
<input type="hidden" size="10" id="linkedDates" disabled="disabled"/></p>
|
||||
<script type="text/javascript">
|
||||
// Prepare to show a date picker linked to three select controls
|
||||
function readLinked() {
|
||||
$("#linkedDates").val($("#selectMonth").val() + "/" +
|
||||
$("#selectDay").val() + "/" + $("#selectYear").val());
|
||||
return {};
|
||||
}
|
||||
|
||||
// Update three select controls to match a date picker selection
|
||||
function updateLinked(date) {
|
||||
$("#selectMonth").val(date.substring(0, 2));
|
||||
$("#selectDay").val(date.substring(3, 5));
|
||||
$("#selectYear").val(date.substring(6, 10));
|
||||
}
|
||||
|
||||
// Prevent selection of invalid dates through the select controls
|
||||
function checkLinkedDays() {
|
||||
var daysInMonth = 32 - new Date($("#selectYear").val(),
|
||||
$("#selectMonth").val() - 1, 32).getDate();
|
||||
$("#selectDay option").attr("disabled", "");
|
||||
$("#selectDay option:gt(" + (daysInMonth - 1) +")").attr("disabled", "disabled");
|
||||
if ($("#selectDay").val() > daysInMonth) {
|
||||
$("#selectDay").val(daysInMonth);
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<select id="selectMonth"><option value="01">Jan</option><option value="02">Feb</option>
|
||||
<option value="03">Mar</option><option value="04">Apr</option>
|
||||
<option value="05">May</option><option value="06">Jun</option>
|
||||
<option value="07">Jul</option><option value="08">Aug</option>
|
||||
<option value="09">Sep</option><option value="10">Oct</option>
|
||||
<option value="11">Nov</option><option value="12">Dec</option></select>
|
||||
<select id="selectDay"><option value="01">1</option><option value="02">2</option>
|
||||
<option value="03">3</option><option value="04">4</option>
|
||||
<option value="05">5</option><option value="06">6</option>
|
||||
<option value="07">7</option><option value="08">8</option>
|
||||
<option value="09">9</option><option value="10">10</option>
|
||||
<option value="11">11</option><option value="12">12</option>
|
||||
<option value="13">13</option><option value="14">14</option>
|
||||
<option value="15">15</option><option value="16">16</option>
|
||||
<option value="17">17</option><option value="18">18</option>
|
||||
<option value="19">19</option><option value="20">20</option>
|
||||
<option value="21">21</option><option value="22">22</option>
|
||||
<option value="23">23</option><option value="24">24</option>
|
||||
<option value="25">25</option><option value="26">26</option>
|
||||
<option value="27">27</option><option value="28">28</option>
|
||||
<option value="29">29</option><option value="30">30</option>
|
||||
<option value="31">31</option></select>
|
||||
<select id="selectYear"><option value="2001">2001</option><option value="2002">2002</option>
|
||||
<option value="2003">2003</option><option value="2004">2004</option>
|
||||
<option value="2005">2005</option><option value="2006">2006</option>
|
||||
<option value="2007">2007</option><option value="2008">2008</option>
|
||||
<option value="2009">2009</option><option value="2010">2010</option></select>
|
||||
<input type="hidden" size="10" id="linkedDates" disabled="disabled"/></p>
|
||||
<script type="text/javascript">
|
||||
// Prepare to show a date picker linked to three select controls
|
||||
function readLinked() {
|
||||
$("#linkedDates").val($("#selectMonth").val() + "/" +
|
||||
$("#selectDay").val() + "/" + $("#selectYear").val());
|
||||
return {};
|
||||
}
|
||||
|
||||
// Update three select controls to match a date picker selection
|
||||
function updateLinked(date) {
|
||||
$("#selectMonth").val(date.substring(0, 2));
|
||||
$("#selectDay").val(date.substring(3, 5));
|
||||
$("#selectYear").val(date.substring(6, 10));
|
||||
}
|
||||
|
||||
// Prevent selection of invalid dates through the select controls
|
||||
function checkLinkedDays() {
|
||||
var daysInMonth = 32 - new Date($("#selectYear").val(),
|
||||
$("#selectMonth").val() - 1, 32).getDate();
|
||||
$("#selectDay option").attr("disabled", "");
|
||||
$("#selectDay option:gt(" + (daysInMonth - 1) +")").attr("disabled", "disabled");
|
||||
if ($("#selectDay").val() > daysInMonth) {
|
||||
$("#selectDay").val(daysInMonth);
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
<input type="text" size="10" value="" id="startDate"/> to <input type="text" size="10" value="" id="endDate"/>
|
||||
<script type="text/javascript">
|
||||
function customRange(input) {
|
||||
return {minDate: (input.id == "endDate" ? $("#startDate").datepicker("getDate") : null),
|
||||
maxDate: (input.id == "startDate" ? $("#endDate").datepicker("getDate") : null)};
|
||||
}
|
||||
<input type="text" size="10" value="" id="startDate"/> to <input type="text" size="10" value="" id="endDate"/>
|
||||
<script type="text/javascript">
|
||||
function customRange(input) {
|
||||
return {minDate: (input.id == "endDate" ? $("#startDate").datepicker("getDate") : null),
|
||||
maxDate: (input.id == "startDate" ? $("#endDate").datepicker("getDate") : null)};
|
||||
}
|
||||
</script>
|
||||
@ -1,52 +1,52 @@
|
||||
<script type="text/javascript">
|
||||
|
||||
var model = {
|
||||
|
||||
renderAt: '#containerDemo',
|
||||
|
||||
title: 'Magnifier Demos',
|
||||
|
||||
demos: [
|
||||
|
||||
{
|
||||
title: 'Simple Magnifier',
|
||||
desc: 'With few lines of code you could build a magnifier. You can try more options on the fly!',
|
||||
html: '<div id="magnifier"><img src="images/clock.png" width="64" height="64" alt="demo image" /><img src="images/clock.png" width="64" height="64" alt="demo image" /><img src="images/clock.png" width="64" height="64" alt="demo image" /><img src="images/clock.png" width="64" height="64" alt="demo image" /><img src="images/clock.png" width="64" height="64" alt="demo image" /><img src="images/clock.png" width="64" height="64" alt="demo image" /></div>',
|
||||
destroy: '$("#magnifier").magnifier("destroy");',
|
||||
options: [
|
||||
{ desc: 'Attach a magnifier', source: '$("#magnifier").magnifier();' },
|
||||
{ desc: 'Small magnification', source: '$("#magnifier").magnifier({magnification:1.5});' },
|
||||
{ desc: 'Disable the magnifier', source: '$("#magnifier").magnifier("disable");' }
|
||||
]
|
||||
},
|
||||
|
||||
{
|
||||
title: 'Opacity Magnifier',
|
||||
desc: 'With few lines of code you could build a magnifier. You can try more options on the fly!',
|
||||
html: '<div id="magnifier2"><img src="images/clock.png" width="64" height="64" alt="demo image" /><img src="images/clock.png" width="64" height="64" alt="demo image" /><img src="images/clock.png" width="64" height="64" alt="demo image" /><img src="images/clock.png" width="64" height="64" alt="demo image" /><img src="images/clock.png" width="64" height="64" alt="demo image" /><img src="images/clock.png" width="64" height="64" alt="demo image" /></div>',
|
||||
destroy: '$("#magnifier2").magnifier("destroy");',
|
||||
options: [
|
||||
{ desc: 'Opacity option', source: '$("#magnifier2").magnifier({opacity:{min:0.4,max:1.0}});' }
|
||||
]
|
||||
},
|
||||
|
||||
{
|
||||
title: 'Overlap Magnifier',
|
||||
desc: 'With few lines of code you could build a magnifier. You can try more options on the fly!',
|
||||
html: '<div style="height:16px;"> </div><div id="magnifier3"><img src="images/clock.png" width="64" height="64" alt="demo image" /><img src="images/clock.png" width="64" height="64" alt="demo image" /><img src="images/clock.png" width="64" height="64" alt="demo image" /><img src="images/clock.png" width="64" height="64" alt="demo image" /><img src="images/clock.png" width="64" height="64" alt="demo image" /><img src="images/clock.png" width="64" height="64" alt="demo image" /></div><div style="height:84px;"> </div>',
|
||||
destroy: '$("#magnifier3").magnifier("destroy");',
|
||||
options: [
|
||||
{ desc: 'Overlap option', source: '$("#magnifier3").magnifier({overlap:true});' }
|
||||
]
|
||||
}
|
||||
|
||||
]
|
||||
};
|
||||
|
||||
$(function(){
|
||||
|
||||
uiRenderDemo(model);
|
||||
|
||||
});
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
var model = {
|
||||
|
||||
renderAt: '#containerDemo',
|
||||
|
||||
title: 'Magnifier Demos',
|
||||
|
||||
demos: [
|
||||
|
||||
{
|
||||
title: 'Simple Magnifier',
|
||||
desc: 'With few lines of code you could build a magnifier. You can try more options on the fly!',
|
||||
html: '<div id="magnifier"><img src="images/clock.png" width="64" height="64" alt="demo image" /><img src="images/clock.png" width="64" height="64" alt="demo image" /><img src="images/clock.png" width="64" height="64" alt="demo image" /><img src="images/clock.png" width="64" height="64" alt="demo image" /><img src="images/clock.png" width="64" height="64" alt="demo image" /><img src="images/clock.png" width="64" height="64" alt="demo image" /></div>',
|
||||
destroy: '$("#magnifier").magnifier("destroy");',
|
||||
options: [
|
||||
{ desc: 'Attach a magnifier', source: '$("#magnifier").magnifier();' },
|
||||
{ desc: 'Small magnification', source: '$("#magnifier").magnifier({magnification:1.5});' },
|
||||
{ desc: 'Disable the magnifier', source: '$("#magnifier").magnifier("disable");' }
|
||||
]
|
||||
},
|
||||
|
||||
{
|
||||
title: 'Opacity Magnifier',
|
||||
desc: 'With few lines of code you could build a magnifier. You can try more options on the fly!',
|
||||
html: '<div id="magnifier2"><img src="images/clock.png" width="64" height="64" alt="demo image" /><img src="images/clock.png" width="64" height="64" alt="demo image" /><img src="images/clock.png" width="64" height="64" alt="demo image" /><img src="images/clock.png" width="64" height="64" alt="demo image" /><img src="images/clock.png" width="64" height="64" alt="demo image" /><img src="images/clock.png" width="64" height="64" alt="demo image" /></div>',
|
||||
destroy: '$("#magnifier2").magnifier("destroy");',
|
||||
options: [
|
||||
{ desc: 'Opacity option', source: '$("#magnifier2").magnifier({opacity:{min:0.4,max:1.0}});' }
|
||||
]
|
||||
},
|
||||
|
||||
{
|
||||
title: 'Overlap Magnifier',
|
||||
desc: 'With few lines of code you could build a magnifier. You can try more options on the fly!',
|
||||
html: '<div style="height:16px;"> </div><div id="magnifier3"><img src="images/clock.png" width="64" height="64" alt="demo image" /><img src="images/clock.png" width="64" height="64" alt="demo image" /><img src="images/clock.png" width="64" height="64" alt="demo image" /><img src="images/clock.png" width="64" height="64" alt="demo image" /><img src="images/clock.png" width="64" height="64" alt="demo image" /><img src="images/clock.png" width="64" height="64" alt="demo image" /></div><div style="height:84px;"> </div>',
|
||||
destroy: '$("#magnifier3").magnifier("destroy");',
|
||||
options: [
|
||||
{ desc: 'Overlap option', source: '$("#magnifier3").magnifier({overlap:true});' }
|
||||
]
|
||||
}
|
||||
|
||||
]
|
||||
};
|
||||
|
||||
$(function(){
|
||||
|
||||
uiRenderDemo(model);
|
||||
|
||||
});
|
||||
|
||||
</script>
|
||||
@ -1,35 +1,35 @@
|
||||
<script type="text/javascript">
|
||||
|
||||
var model = {
|
||||
|
||||
renderAt: '#containerDemo',
|
||||
|
||||
title: 'Progressbar Demos',
|
||||
|
||||
demos: [
|
||||
|
||||
{
|
||||
title: 'Simple Progressbar',
|
||||
desc: 'With few lines of code you could build a progressbar. You can try more options on the fly!',
|
||||
html: '<div id="progressbar"></div>',
|
||||
destroy: '$("#progressbar").progressbar("destroy");',
|
||||
options: [
|
||||
{ desc: 'Start a progressbar', source: '$("#progressbar").progressbar({interval:2000}); $("#progressbar").progressbar("start");' },
|
||||
{ desc: 'With different increment', source: '$("#progressbar").progressbar({interval:2000, increment:100}).progressbar("start");' },
|
||||
{ desc: 'Set progress to 50%', source: '$("#progressbar").progressbar().progressbar("progress", 50);' },
|
||||
{ desc: 'Callback when finish', source: '$("#progressbar").progressbar({interval: 1000, stop:function(){alert("Finished");}}).progressbar("start");' },
|
||||
{ desc: 'Enable the progressbar', source: '$("#progressbar").progressbar().progressbar("enable");' },
|
||||
{ desc: 'Disable the progressbar', source: '$("#progressbar").progressbar().progressbar("disable");' }
|
||||
]
|
||||
}
|
||||
|
||||
]
|
||||
};
|
||||
|
||||
$(function(){
|
||||
|
||||
uiRenderDemo(model);
|
||||
|
||||
});
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
var model = {
|
||||
|
||||
renderAt: '#containerDemo',
|
||||
|
||||
title: 'Progressbar Demos',
|
||||
|
||||
demos: [
|
||||
|
||||
{
|
||||
title: 'Simple Progressbar',
|
||||
desc: 'With few lines of code you could build a progressbar. You can try more options on the fly!',
|
||||
html: '<div id="progressbar"></div>',
|
||||
destroy: '$("#progressbar").progressbar("destroy");',
|
||||
options: [
|
||||
{ desc: 'Start a progressbar', source: '$("#progressbar").progressbar({interval:2000}); $("#progressbar").progressbar("start");' },
|
||||
{ desc: 'With different increment', source: '$("#progressbar").progressbar({interval:2000, increment:100}).progressbar("start");' },
|
||||
{ desc: 'Set progress to 50%', source: '$("#progressbar").progressbar().progressbar("progress", 50);' },
|
||||
{ desc: 'Callback when finish', source: '$("#progressbar").progressbar({interval: 1000, stop:function(){alert("Finished");}}).progressbar("start");' },
|
||||
{ desc: 'Enable the progressbar', source: '$("#progressbar").progressbar().progressbar("enable");' },
|
||||
{ desc: 'Disable the progressbar', source: '$("#progressbar").progressbar().progressbar("disable");' }
|
||||
]
|
||||
}
|
||||
|
||||
]
|
||||
};
|
||||
|
||||
$(function(){
|
||||
|
||||
uiRenderDemo(model);
|
||||
|
||||
});
|
||||
|
||||
</script>
|
||||
@ -1,36 +1,36 @@
|
||||
<script type="text/javascript">
|
||||
|
||||
var model = {
|
||||
|
||||
renderAt: '#containerDemo',
|
||||
|
||||
title: 'Spinner Demos',
|
||||
|
||||
demos: [
|
||||
|
||||
{
|
||||
title: 'Simple spinner',
|
||||
desc: 'With few lines of code you could build a spinner. You can try more options on the fly!',
|
||||
html: '<input id="spinner" type="text" />',
|
||||
destroy: '$("#spinner").spinner("destroy");',
|
||||
options: [
|
||||
{ desc: 'Make a spinner', source: '$("#spinner").spinner();' },
|
||||
{ desc: 'A spinner with min and max value', source: '$("#spinner").spinner({min:-100, max:150});' },
|
||||
{ desc: 'Big stepping', source: '$("#spinner").spinner({stepping:100});' },
|
||||
{ desc: 'Currency option', source: '$("#spinner").spinner({currency:"$"});' },
|
||||
{ desc: 'Disable incremental option', source: '$("#spinner").spinner({incremental:false});' },
|
||||
{ desc: 'Disable the spinner', source: '$("#spinner").spinner().spinner("disable");' },
|
||||
{ desc: 'Enable the spinner', source: '$("#spinner").spinner().spinner("enable");' }
|
||||
]
|
||||
}
|
||||
|
||||
]
|
||||
};
|
||||
|
||||
$(function(){
|
||||
|
||||
uiRenderDemo(model);
|
||||
|
||||
});
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
var model = {
|
||||
|
||||
renderAt: '#containerDemo',
|
||||
|
||||
title: 'Spinner Demos',
|
||||
|
||||
demos: [
|
||||
|
||||
{
|
||||
title: 'Simple spinner',
|
||||
desc: 'With few lines of code you could build a spinner. You can try more options on the fly!',
|
||||
html: '<input id="spinner" type="text" />',
|
||||
destroy: '$("#spinner").spinner("destroy");',
|
||||
options: [
|
||||
{ desc: 'Make a spinner', source: '$("#spinner").spinner();' },
|
||||
{ desc: 'A spinner with min and max value', source: '$("#spinner").spinner({min:-100, max:150});' },
|
||||
{ desc: 'Big stepping', source: '$("#spinner").spinner({stepping:100});' },
|
||||
{ desc: 'Currency option', source: '$("#spinner").spinner({currency:"$"});' },
|
||||
{ desc: 'Disable incremental option', source: '$("#spinner").spinner({incremental:false});' },
|
||||
{ desc: 'Disable the spinner', source: '$("#spinner").spinner().spinner("disable");' },
|
||||
{ desc: 'Enable the spinner', source: '$("#spinner").spinner().spinner("enable");' }
|
||||
]
|
||||
}
|
||||
|
||||
]
|
||||
};
|
||||
|
||||
$(function(){
|
||||
|
||||
uiRenderDemo(model);
|
||||
|
||||
});
|
||||
|
||||
</script>
|
||||
160
tests/all_2.html
160
tests/all_2.html
@ -1,81 +1,81 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>jQuery UI All Tests</title>
|
||||
<link rel="stylesheet" href="qunit/testsuite.css" type="text/css" media="screen">
|
||||
|
||||
<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">
|
||||
var components = ["accordion","autocomplete","datepicker","dialog","draggable","progressbar","resizable","selectable","slider","sortable","spinner"];
|
||||
|
||||
$(document).ready(function(){
|
||||
|
||||
var $list = $("#individual_list"),
|
||||
$main = $("#main");
|
||||
|
||||
$.each(components, function(i, val){
|
||||
$list.append('<li><a href="' + val + '.html">' + val + '</a></li>');
|
||||
$('<div class="component_panel" id="' + val + '">').appendTo($main);
|
||||
$('div#'+val).load(val + '.html #main *');
|
||||
});
|
||||
|
||||
loadScripts();
|
||||
|
||||
function loadScripts() {
|
||||
if ( $("div.component_panel").length == components.length ) {
|
||||
$.each(components, function(i, val){
|
||||
$('head').append('<script type="text/javascript" src="'+val+'.js"></scr'+'pit>');
|
||||
});
|
||||
} else {
|
||||
setTimeout( function (){ loadScripts(); } ,10);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
});
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<script type="text/javascript" src="../ui/ui.accordion.js"></script>
|
||||
<script type="text/javascript" src="../ui/ui.autocomplete.js"></script>
|
||||
<script type="text/javascript" src="../ui/ui.datepicker.js"></script>
|
||||
<script type="text/javascript" src="../ui/ui.dialog.js"></script>
|
||||
<script type="text/javascript" src="../ui/ui.draggable.js"></script>
|
||||
<script type="text/javascript" src="../ui/ui.droppable.js"></script>
|
||||
<script type="text/javascript" src="../ui/ui.progressbar.js"></script>
|
||||
<script type="text/javascript" src="../ui/ui.resizable.js"></script>
|
||||
<script type="text/javascript" src="../ui/ui.selectable.js"></script>
|
||||
<script type="text/javascript" src="../ui/ui.slider.js"></script>
|
||||
<script type="text/javascript" src="../ui/ui.sortable.js"></script>
|
||||
<script type="text/javascript" src="../ui/ui.spinner.js"></script>
|
||||
<script type="text/javascript" src="../ui/ui.tabs.js"></script>
|
||||
|
||||
<script type="text/javascript" src="qunit/testrunner.js"></script>
|
||||
<script type="text/javascript" src="simulate/jquery.simulate.js"></script>
|
||||
|
||||
<style type="text/css">
|
||||
@import "../themes/flora/flora.datepicker.css";
|
||||
.xerror, .error { display: none }
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body class="flora">
|
||||
<h1>jQuery UI All Tests</h1>
|
||||
<h2 id="banner"></h2>
|
||||
<h2 id="userAgent"></h2>
|
||||
|
||||
<h4>Run individual testsuites or doubleclick a test below</h4>
|
||||
<ul id="individual_list">
|
||||
</ul>
|
||||
|
||||
<ol id="tests"></ol>
|
||||
|
||||
<div id="main" style="position:absolute;top:-2000000px;">
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>jQuery UI All Tests</title>
|
||||
<link rel="stylesheet" href="qunit/testsuite.css" type="text/css" media="screen">
|
||||
|
||||
<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">
|
||||
var components = ["accordion","autocomplete","datepicker","dialog","draggable","progressbar","resizable","selectable","slider","sortable","spinner"];
|
||||
|
||||
$(document).ready(function(){
|
||||
|
||||
var $list = $("#individual_list"),
|
||||
$main = $("#main");
|
||||
|
||||
$.each(components, function(i, val){
|
||||
$list.append('<li><a href="' + val + '.html">' + val + '</a></li>');
|
||||
$('<div class="component_panel" id="' + val + '">').appendTo($main);
|
||||
$('div#'+val).load(val + '.html #main *');
|
||||
});
|
||||
|
||||
loadScripts();
|
||||
|
||||
function loadScripts() {
|
||||
if ( $("div.component_panel").length == components.length ) {
|
||||
$.each(components, function(i, val){
|
||||
$('head').append('<script type="text/javascript" src="'+val+'.js"></scr'+'pit>');
|
||||
});
|
||||
} else {
|
||||
setTimeout( function (){ loadScripts(); } ,10);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
});
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<script type="text/javascript" src="../ui/ui.accordion.js"></script>
|
||||
<script type="text/javascript" src="../ui/ui.autocomplete.js"></script>
|
||||
<script type="text/javascript" src="../ui/ui.datepicker.js"></script>
|
||||
<script type="text/javascript" src="../ui/ui.dialog.js"></script>
|
||||
<script type="text/javascript" src="../ui/ui.draggable.js"></script>
|
||||
<script type="text/javascript" src="../ui/ui.droppable.js"></script>
|
||||
<script type="text/javascript" src="../ui/ui.progressbar.js"></script>
|
||||
<script type="text/javascript" src="../ui/ui.resizable.js"></script>
|
||||
<script type="text/javascript" src="../ui/ui.selectable.js"></script>
|
||||
<script type="text/javascript" src="../ui/ui.slider.js"></script>
|
||||
<script type="text/javascript" src="../ui/ui.sortable.js"></script>
|
||||
<script type="text/javascript" src="../ui/ui.spinner.js"></script>
|
||||
<script type="text/javascript" src="../ui/ui.tabs.js"></script>
|
||||
|
||||
<script type="text/javascript" src="qunit/testrunner.js"></script>
|
||||
<script type="text/javascript" src="simulate/jquery.simulate.js"></script>
|
||||
|
||||
<style type="text/css">
|
||||
@import "../themes/flora/flora.datepicker.css";
|
||||
.xerror, .error { display: none }
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body class="flora">
|
||||
<h1>jQuery UI All Tests</h1>
|
||||
<h2 id="banner"></h2>
|
||||
<h2 id="userAgent"></h2>
|
||||
|
||||
<h4>Run individual testsuites or doubleclick a test below</h4>
|
||||
<ul id="individual_list">
|
||||
</ul>
|
||||
|
||||
<ol id="tests"></ol>
|
||||
|
||||
<div id="main" style="position:absolute;top:-2000000px;">
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -1,51 +1,51 @@
|
||||
test("init", function() {
|
||||
expect(6);
|
||||
|
||||
el = $("#autocomplete").autocomplete();
|
||||
ok(true, '.autocomplete() called on element');
|
||||
|
||||
$([]).autocomplete();
|
||||
ok(true, '.autocomplete() called on empty collection');
|
||||
|
||||
$("<input/>").autocomplete();
|
||||
ok(true, '.autocomplete() called on disconnected DOMElement');
|
||||
|
||||
$("<input/>").autocomplete().autocomplete("foo");
|
||||
ok(true, 'arbitrary method called after init');
|
||||
|
||||
$("<input/>").autocomplete().data("foo.autocomplete");
|
||||
ok(true, 'arbitrary option getter after init');
|
||||
|
||||
$("<input/>").autocomplete().data("foo.autocomplete", "bar");
|
||||
ok(true, 'arbitrary option setter after init');
|
||||
});
|
||||
|
||||
test("destroy", function() {
|
||||
expect(6);
|
||||
|
||||
$("#autocomplete").autocomplete().autocomplete("destroy");
|
||||
ok(true, '.autocomplete("destroy") called on element');
|
||||
|
||||
$([]).autocomplete().autocomplete("destroy");
|
||||
ok(true, '.autocomplete("destroy") called on empty collection');
|
||||
|
||||
$("<input/>").autocomplete().autocomplete("destroy");
|
||||
ok(true, '.autocomplete("destroy") called on disconnected DOMElement');
|
||||
|
||||
$("<input/>").autocomplete().autocomplete("destroy").autocomplete("foo");
|
||||
ok(true, 'arbitrary method called after destroy');
|
||||
|
||||
$("<input/>").autocomplete().autocomplete("destroy").data("foo.autocomplete");
|
||||
ok(true, 'arbitrary option getter after destroy');
|
||||
|
||||
$("<input/>").autocomplete().autocomplete("destroy").data("foo.autocomplete", "bar");
|
||||
ok(true, 'arbitrary option setter after destroy');
|
||||
});
|
||||
|
||||
|
||||
test("highlighter", function() {
|
||||
equals( jQuery.Autocompleter.defaults.highlight("Peter", "Pe"), "<strong>Pe</strong>ter" );
|
||||
equals( jQuery.Autocompleter.defaults.highlight("Peter <em><Pan></em>", "Pe"), "<strong>Pe</strong>ter <em><Pan></em>" );
|
||||
equals( jQuery.Autocompleter.defaults.highlight("Peter <em><Pan></em>", "a"), "Peter <em><P<strong>a</strong>n></em>" );
|
||||
equals( jQuery.Autocompleter.defaults.highlight("Peter <em>(<Pan>)</em>", "(<P"), "Peter <em><strong>(<P</strong>an>)</em>" );
|
||||
});
|
||||
test("init", function() {
|
||||
expect(6);
|
||||
|
||||
el = $("#autocomplete").autocomplete();
|
||||
ok(true, '.autocomplete() called on element');
|
||||
|
||||
$([]).autocomplete();
|
||||
ok(true, '.autocomplete() called on empty collection');
|
||||
|
||||
$("<input/>").autocomplete();
|
||||
ok(true, '.autocomplete() called on disconnected DOMElement');
|
||||
|
||||
$("<input/>").autocomplete().autocomplete("foo");
|
||||
ok(true, 'arbitrary method called after init');
|
||||
|
||||
$("<input/>").autocomplete().data("foo.autocomplete");
|
||||
ok(true, 'arbitrary option getter after init');
|
||||
|
||||
$("<input/>").autocomplete().data("foo.autocomplete", "bar");
|
||||
ok(true, 'arbitrary option setter after init');
|
||||
});
|
||||
|
||||
test("destroy", function() {
|
||||
expect(6);
|
||||
|
||||
$("#autocomplete").autocomplete().autocomplete("destroy");
|
||||
ok(true, '.autocomplete("destroy") called on element');
|
||||
|
||||
$([]).autocomplete().autocomplete("destroy");
|
||||
ok(true, '.autocomplete("destroy") called on empty collection');
|
||||
|
||||
$("<input/>").autocomplete().autocomplete("destroy");
|
||||
ok(true, '.autocomplete("destroy") called on disconnected DOMElement');
|
||||
|
||||
$("<input/>").autocomplete().autocomplete("destroy").autocomplete("foo");
|
||||
ok(true, 'arbitrary method called after destroy');
|
||||
|
||||
$("<input/>").autocomplete().autocomplete("destroy").data("foo.autocomplete");
|
||||
ok(true, 'arbitrary option getter after destroy');
|
||||
|
||||
$("<input/>").autocomplete().autocomplete("destroy").data("foo.autocomplete", "bar");
|
||||
ok(true, 'arbitrary option setter after destroy');
|
||||
});
|
||||
|
||||
|
||||
test("highlighter", function() {
|
||||
equals( jQuery.Autocompleter.defaults.highlight("Peter", "Pe"), "<strong>Pe</strong>ter" );
|
||||
equals( jQuery.Autocompleter.defaults.highlight("Peter <em><Pan></em>", "Pe"), "<strong>Pe</strong>ter <em><Pan></em>" );
|
||||
equals( jQuery.Autocompleter.defaults.highlight("Peter <em><Pan></em>", "a"), "Peter <em><P<strong>a</strong>n></em>" );
|
||||
equals( jQuery.Autocompleter.defaults.highlight("Peter <em>(<Pan>)</em>", "(<P"), "Peter <em><strong>(<P</strong>an>)</em>" );
|
||||
});
|
||||
|
||||
112
tests/core.js
112
tests/core.js
@ -1,56 +1,56 @@
|
||||
/*
|
||||
* core unit tests
|
||||
*/
|
||||
(function($) {
|
||||
|
||||
module("selectors");
|
||||
|
||||
test("tabbable - enabled elements", function() {
|
||||
expect(10);
|
||||
|
||||
ok( $('#input1-1').is(':tabbable'), 'input, no type');
|
||||
ok( $('#input1-2').is(':tabbable'), 'input, type text');
|
||||
ok( $('#input1-3').is(':tabbable'), 'input, type checkbox');
|
||||
ok( $('#input1-4').is(':tabbable'), 'input, type radio');
|
||||
ok( $('#input1-5').is(':tabbable'), 'input, type button');
|
||||
ok(!$('#input1-6').is(':tabbable'), 'input, type hidden');
|
||||
ok( $('#input1-7').is(':tabbable'), 'select');
|
||||
ok( $('#input1-8').is(':tabbable'), 'textarea');
|
||||
ok( $('#anchor1-1').is(':tabbable'), 'anchor with href');
|
||||
ok(!$('#anchor1-2').is(':tabbable'), 'anchor without href');
|
||||
});
|
||||
|
||||
test("tabbable - disabled elements", function() {
|
||||
expect(8);
|
||||
|
||||
ok(!$('#input2-1').is(':tabbable'), 'input, no type');
|
||||
ok(!$('#input2-2').is(':tabbable'), 'input, type text');
|
||||
ok(!$('#input2-3').is(':tabbable'), 'input, type checkbox');
|
||||
ok(!$('#input2-4').is(':tabbable'), 'input, type radio');
|
||||
ok(!$('#input2-5').is(':tabbable'), 'input, type button');
|
||||
ok(!$('#input2-6').is(':tabbable'), 'input, type hidden');
|
||||
ok(!$('#input2-7').is(':tabbable'), 'select');
|
||||
ok(!$('#input2-8').is(':tabbable'), 'textarea');
|
||||
});
|
||||
|
||||
test("tabbable - hidden styles", function() {
|
||||
expect(6);
|
||||
|
||||
ok(!$('#input3-1').is(':tabbable'), 'input, hidden wrapper - display: none');
|
||||
ok(!$('#anchor3-1').is(':tabbable'), 'anchor, hidden wrapper - display: none');
|
||||
ok(!$('#input3-2').is(':tabbable'), 'input, hidden wrapper - visibility: hidden');
|
||||
ok(!$('#anchor3-2').is(':tabbable'), 'anchor, hidden wrapper - visibility: hidden');
|
||||
ok(!$('#input3-3').is(':tabbable'), 'input, display: none');
|
||||
ok(!$('#input3-4').is(':tabbable'), 'input, visibility: hidden');
|
||||
});
|
||||
|
||||
test("tabbable - tabindex", function() {
|
||||
expect(4);
|
||||
|
||||
ok( $('#input4-1').is(':tabbable'), 'input, tabindex 0');
|
||||
ok( $('#input4-2').is(':tabbable'), 'input, tabindex 10');
|
||||
ok(!$('#input4-3').is(':tabbable'), 'input, tabindex -1');
|
||||
ok(!$('#input4-4').is(':tabbable'), 'input, tabindex -50');
|
||||
});
|
||||
|
||||
})(jQuery);
|
||||
/*
|
||||
* core unit tests
|
||||
*/
|
||||
(function($) {
|
||||
|
||||
module("selectors");
|
||||
|
||||
test("tabbable - enabled elements", function() {
|
||||
expect(10);
|
||||
|
||||
ok( $('#input1-1').is(':tabbable'), 'input, no type');
|
||||
ok( $('#input1-2').is(':tabbable'), 'input, type text');
|
||||
ok( $('#input1-3').is(':tabbable'), 'input, type checkbox');
|
||||
ok( $('#input1-4').is(':tabbable'), 'input, type radio');
|
||||
ok( $('#input1-5').is(':tabbable'), 'input, type button');
|
||||
ok(!$('#input1-6').is(':tabbable'), 'input, type hidden');
|
||||
ok( $('#input1-7').is(':tabbable'), 'select');
|
||||
ok( $('#input1-8').is(':tabbable'), 'textarea');
|
||||
ok( $('#anchor1-1').is(':tabbable'), 'anchor with href');
|
||||
ok(!$('#anchor1-2').is(':tabbable'), 'anchor without href');
|
||||
});
|
||||
|
||||
test("tabbable - disabled elements", function() {
|
||||
expect(8);
|
||||
|
||||
ok(!$('#input2-1').is(':tabbable'), 'input, no type');
|
||||
ok(!$('#input2-2').is(':tabbable'), 'input, type text');
|
||||
ok(!$('#input2-3').is(':tabbable'), 'input, type checkbox');
|
||||
ok(!$('#input2-4').is(':tabbable'), 'input, type radio');
|
||||
ok(!$('#input2-5').is(':tabbable'), 'input, type button');
|
||||
ok(!$('#input2-6').is(':tabbable'), 'input, type hidden');
|
||||
ok(!$('#input2-7').is(':tabbable'), 'select');
|
||||
ok(!$('#input2-8').is(':tabbable'), 'textarea');
|
||||
});
|
||||
|
||||
test("tabbable - hidden styles", function() {
|
||||
expect(6);
|
||||
|
||||
ok(!$('#input3-1').is(':tabbable'), 'input, hidden wrapper - display: none');
|
||||
ok(!$('#anchor3-1').is(':tabbable'), 'anchor, hidden wrapper - display: none');
|
||||
ok(!$('#input3-2').is(':tabbable'), 'input, hidden wrapper - visibility: hidden');
|
||||
ok(!$('#anchor3-2').is(':tabbable'), 'anchor, hidden wrapper - visibility: hidden');
|
||||
ok(!$('#input3-3').is(':tabbable'), 'input, display: none');
|
||||
ok(!$('#input3-4').is(':tabbable'), 'input, visibility: hidden');
|
||||
});
|
||||
|
||||
test("tabbable - tabindex", function() {
|
||||
expect(4);
|
||||
|
||||
ok( $('#input4-1').is(':tabbable'), 'input, tabindex 0');
|
||||
ok( $('#input4-2').is(':tabbable'), 'input, tabindex 10');
|
||||
ok(!$('#input4-3').is(':tabbable'), 'input, tabindex -1');
|
||||
ok(!$('#input4-4').is(':tabbable'), 'input, tabindex -50');
|
||||
});
|
||||
|
||||
})(jQuery);
|
||||
|
||||
@ -1,37 +1,37 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>jQuery UI Datepicker Test Suite</title>
|
||||
|
||||
<link rel="stylesheet" href="qunit/testsuite.css" type="text/css" media="screen">
|
||||
|
||||
<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.datepicker.js"></script>
|
||||
<script type="text/javascript" src="../ui/i18n/ui.datepicker-fr.js"></script>
|
||||
<script type="text/javascript" src="../ui/i18n/ui.datepicker-he.js"></script>
|
||||
|
||||
<script type="text/javascript" src="qunit/testrunner.js"></script>
|
||||
<script type="text/javascript" src="simulate/jquery.simulate.js"></script>
|
||||
|
||||
<script type="text/javascript" src="datepicker.js"></script>
|
||||
|
||||
<style type="text/css">
|
||||
@import "../themes/flora/flora.datepicker.css";
|
||||
.xerror, .error { display: none }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<h1 id="header">jQuery UI Datepicker Test Suite</h1>
|
||||
<h2 id="banner"></h2>
|
||||
<h2 id="userAgent"></h2>
|
||||
|
||||
<ol id="tests"></ol>
|
||||
|
||||
<div id="main" style="position:absolute;top:-2000000px;">
|
||||
<p><input type="text" id="inp"/><input type="text" id="alt"/><div id="inl"></div></p>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>jQuery UI Datepicker Test Suite</title>
|
||||
|
||||
<link rel="stylesheet" href="qunit/testsuite.css" type="text/css" media="screen">
|
||||
|
||||
<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.datepicker.js"></script>
|
||||
<script type="text/javascript" src="../ui/i18n/ui.datepicker-fr.js"></script>
|
||||
<script type="text/javascript" src="../ui/i18n/ui.datepicker-he.js"></script>
|
||||
|
||||
<script type="text/javascript" src="qunit/testrunner.js"></script>
|
||||
<script type="text/javascript" src="simulate/jquery.simulate.js"></script>
|
||||
|
||||
<script type="text/javascript" src="datepicker.js"></script>
|
||||
|
||||
<style type="text/css">
|
||||
@import "../themes/flora/flora.datepicker.css";
|
||||
.xerror, .error { display: none }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<h1 id="header">jQuery UI Datepicker Test Suite</h1>
|
||||
<h2 id="banner"></h2>
|
||||
<h2 id="userAgent"></h2>
|
||||
|
||||
<ol id="tests"></ol>
|
||||
|
||||
<div id="main" style="position:absolute;top:-2000000px;">
|
||||
<p><input type="text" id="inp"/><input type="text" id="alt"/><div id="inl"></div></p>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
3314
tests/datepicker.js
3314
tests/datepicker.js
File diff suppressed because it is too large
Load Diff
@ -1,40 +1,40 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>jQuery UI Dialog Test Suite</title>
|
||||
|
||||
<link rel="stylesheet" href="qunit/testsuite.css" type="text/css" media="screen">
|
||||
<!--link rel="stylesheet" href="../themes/flora/flora.dialog.css" type="text/css" media="screen"-->
|
||||
|
||||
<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.dialog.js"></script>
|
||||
<script type="text/javascript" src="../ui/ui.draggable.js"></script>
|
||||
<script type="text/javascript" src="../ui/ui.resizable.js"></script>
|
||||
|
||||
<script type="text/javascript" src="qunit/testrunner.js"></script>
|
||||
<script type="text/javascript" src="simulate/jquery.simulate.js"></script>
|
||||
|
||||
<script type="text/javascript" src="dialog.js"></script>
|
||||
|
||||
<style type="text/css">
|
||||
html { border: 0; }
|
||||
</style>
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body class="flora">
|
||||
|
||||
<h1 id="header">jQuery UI Dialog Test Suite</h1>
|
||||
<h2 id="banner"></h2>
|
||||
<h2 id="userAgent"></h2>
|
||||
|
||||
<ol id="tests"></ol>
|
||||
|
||||
<div id="main" style="position: absolute; top: -10000px; border: 1px solid black; padding: 10px; margin: 10px;">
|
||||
<div id="dialog1">Dialog Content</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>jQuery UI Dialog Test Suite</title>
|
||||
|
||||
<link rel="stylesheet" href="qunit/testsuite.css" type="text/css" media="screen">
|
||||
<!--link rel="stylesheet" href="../themes/flora/flora.dialog.css" type="text/css" media="screen"-->
|
||||
|
||||
<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.dialog.js"></script>
|
||||
<script type="text/javascript" src="../ui/ui.draggable.js"></script>
|
||||
<script type="text/javascript" src="../ui/ui.resizable.js"></script>
|
||||
|
||||
<script type="text/javascript" src="qunit/testrunner.js"></script>
|
||||
<script type="text/javascript" src="simulate/jquery.simulate.js"></script>
|
||||
|
||||
<script type="text/javascript" src="dialog.js"></script>
|
||||
|
||||
<style type="text/css">
|
||||
html { border: 0; }
|
||||
</style>
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body class="flora">
|
||||
|
||||
<h1 id="header">jQuery UI Dialog Test Suite</h1>
|
||||
<h2 id="banner"></h2>
|
||||
<h2 id="userAgent"></h2>
|
||||
|
||||
<ol id="tests"></ol>
|
||||
|
||||
<div id="main" style="position: absolute; top: -10000px; border: 1px solid black; padding: 10px; margin: 10px;">
|
||||
<div id="dialog1">Dialog Content</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
1350
tests/dialog.js
1350
tests/dialog.js
File diff suppressed because it is too large
Load Diff
@ -1,39 +1,39 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>jQuery UI Progressbar Test Suite</title>
|
||||
|
||||
<link rel="stylesheet" href="qunit/testsuite.css" type="text/css" media="screen">
|
||||
|
||||
<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.progressbar.js"></script>
|
||||
|
||||
<script type="text/javascript" src="qunit/testrunner.js"></script>
|
||||
<script type="text/javascript" src="simulate/jquery.simulate.js"></script>
|
||||
|
||||
<script type="text/javascript" src="progressbar.js"></script>
|
||||
|
||||
<style type="text/css">
|
||||
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<h1 id="header">jQuery UI Progressbar Test Suite</h1>
|
||||
<h2 id="banner"></h2>
|
||||
<h2 id="userAgent"></h2>
|
||||
|
||||
<ol id="tests"></ol>
|
||||
|
||||
<div id="main" style="position:absolute;top:-20000px">
|
||||
<div id="progressbar"></div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>jQuery UI Progressbar Test Suite</title>
|
||||
|
||||
<link rel="stylesheet" href="qunit/testsuite.css" type="text/css" media="screen">
|
||||
|
||||
<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.progressbar.js"></script>
|
||||
|
||||
<script type="text/javascript" src="qunit/testrunner.js"></script>
|
||||
<script type="text/javascript" src="simulate/jquery.simulate.js"></script>
|
||||
|
||||
<script type="text/javascript" src="progressbar.js"></script>
|
||||
|
||||
<style type="text/css">
|
||||
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<h1 id="header">jQuery UI Progressbar Test Suite</h1>
|
||||
<h2 id="banner"></h2>
|
||||
<h2 id="userAgent"></h2>
|
||||
|
||||
<ol id="tests"></ol>
|
||||
|
||||
<div id="main" style="position:absolute;top:-20000px">
|
||||
<div id="progressbar"></div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -1,56 +1,56 @@
|
||||
/*
|
||||
* progressbar unit tests
|
||||
*/
|
||||
(function($) {
|
||||
|
||||
// Spinner Tests
|
||||
module("progressbar");
|
||||
|
||||
test("init", function() {
|
||||
expect(1);
|
||||
|
||||
el = $("#progressbar").progressbar();
|
||||
ok(true, '.progressbar() called on element');
|
||||
|
||||
});
|
||||
|
||||
test("destroy", function() {
|
||||
expect(1);
|
||||
|
||||
$("#progressbar").progressbar().progressbar("destroy");
|
||||
ok(true, '.progressbar("destroy") called on element');
|
||||
|
||||
});
|
||||
|
||||
test("defaults", function() {
|
||||
expect(5);
|
||||
el = $("#progressbar").progressbar();
|
||||
|
||||
equals(el.data("width.progressbar"), 300, "width");
|
||||
equals(el.data("duration.progressbar"), 3000, "duration");
|
||||
equals(el.data("interval.progressbar"), 200, "interval");
|
||||
equals(el.data("increment.progressbar"), 1, "increment");
|
||||
equals(el.data("range.progressbar"), true, "range");
|
||||
|
||||
});
|
||||
|
||||
test("set defaults on init", function() {
|
||||
expect(5);
|
||||
el = $("#progressbar").progressbar({
|
||||
width: 500,
|
||||
duration: 5000,
|
||||
interval: 500,
|
||||
increment: 5,
|
||||
range: false
|
||||
});
|
||||
|
||||
equals(el.data("width.progressbar"), 500, "width");
|
||||
equals(el.data("duration.progressbar"), 5000, "duration");
|
||||
equals(el.data("interval.progressbar"), 500, "interval");
|
||||
equals(el.data("increment.progressbar"), 5, "increment");
|
||||
equals(el.data("range.progressbar"), false, "range");
|
||||
|
||||
});
|
||||
|
||||
|
||||
})(jQuery);
|
||||
/*
|
||||
* progressbar unit tests
|
||||
*/
|
||||
(function($) {
|
||||
|
||||
// Spinner Tests
|
||||
module("progressbar");
|
||||
|
||||
test("init", function() {
|
||||
expect(1);
|
||||
|
||||
el = $("#progressbar").progressbar();
|
||||
ok(true, '.progressbar() called on element');
|
||||
|
||||
});
|
||||
|
||||
test("destroy", function() {
|
||||
expect(1);
|
||||
|
||||
$("#progressbar").progressbar().progressbar("destroy");
|
||||
ok(true, '.progressbar("destroy") called on element');
|
||||
|
||||
});
|
||||
|
||||
test("defaults", function() {
|
||||
expect(5);
|
||||
el = $("#progressbar").progressbar();
|
||||
|
||||
equals(el.data("width.progressbar"), 300, "width");
|
||||
equals(el.data("duration.progressbar"), 3000, "duration");
|
||||
equals(el.data("interval.progressbar"), 200, "interval");
|
||||
equals(el.data("increment.progressbar"), 1, "increment");
|
||||
equals(el.data("range.progressbar"), true, "range");
|
||||
|
||||
});
|
||||
|
||||
test("set defaults on init", function() {
|
||||
expect(5);
|
||||
el = $("#progressbar").progressbar({
|
||||
width: 500,
|
||||
duration: 5000,
|
||||
interval: 500,
|
||||
increment: 5,
|
||||
range: false
|
||||
});
|
||||
|
||||
equals(el.data("width.progressbar"), 500, "width");
|
||||
equals(el.data("duration.progressbar"), 5000, "duration");
|
||||
equals(el.data("interval.progressbar"), 500, "interval");
|
||||
equals(el.data("increment.progressbar"), 5, "increment");
|
||||
equals(el.data("range.progressbar"), false, "range");
|
||||
|
||||
});
|
||||
|
||||
|
||||
})(jQuery);
|
||||
|
||||
@ -1,44 +1,44 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>jQuery UI Selectable Test Suite</title>
|
||||
|
||||
<link rel="stylesheet" href="qunit/testsuite.css" type="text/css" media="screen">
|
||||
<!--link rel="stylesheet" href="../themes/flora/flora.selectable.css" type="text/css" media="screen"-->
|
||||
|
||||
<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.selectable.js"></script>
|
||||
|
||||
<script type="text/javascript" src="qunit/testrunner.js"></script>
|
||||
<script type="text/javascript" src="simulate/jquery.simulate.js"></script>
|
||||
|
||||
<script type="text/javascript" src="selectable.js"></script>
|
||||
|
||||
<style type="text/css">
|
||||
html { border: 0; }
|
||||
</style>
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body class="flora">
|
||||
|
||||
<h1 id="header">jQuery UI Selectable Test Suite</h1>
|
||||
<h2 id="banner"></h2>
|
||||
<h2 id="userAgent"></h2>
|
||||
|
||||
<ol id="tests"></ol>
|
||||
|
||||
<div id="main" style="position: absolute; top: -10000px; border: 1px solid black; padding: 10px; margin: 10px;">
|
||||
<ul id="selectable1">
|
||||
<li>Item 1</li>
|
||||
<li>Item 2</li>
|
||||
<li class="special">Item 3</li>
|
||||
<li>Item 4</li>
|
||||
<li>Item 5</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>jQuery UI Selectable Test Suite</title>
|
||||
|
||||
<link rel="stylesheet" href="qunit/testsuite.css" type="text/css" media="screen">
|
||||
<!--link rel="stylesheet" href="../themes/flora/flora.selectable.css" type="text/css" media="screen"-->
|
||||
|
||||
<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.selectable.js"></script>
|
||||
|
||||
<script type="text/javascript" src="qunit/testrunner.js"></script>
|
||||
<script type="text/javascript" src="simulate/jquery.simulate.js"></script>
|
||||
|
||||
<script type="text/javascript" src="selectable.js"></script>
|
||||
|
||||
<style type="text/css">
|
||||
html { border: 0; }
|
||||
</style>
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body class="flora">
|
||||
|
||||
<h1 id="header">jQuery UI Selectable Test Suite</h1>
|
||||
<h2 id="banner"></h2>
|
||||
<h2 id="userAgent"></h2>
|
||||
|
||||
<ol id="tests"></ol>
|
||||
|
||||
<div id="main" style="position: absolute; top: -10000px; border: 1px solid black; padding: 10px; margin: 10px;">
|
||||
<ul id="selectable1">
|
||||
<li>Item 1</li>
|
||||
<li>Item 2</li>
|
||||
<li class="special">Item 3</li>
|
||||
<li>Item 4</li>
|
||||
<li>Item 5</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -1,207 +1,207 @@
|
||||
/*
|
||||
* selectable unit tests
|
||||
*/
|
||||
(function($) {
|
||||
//
|
||||
// Selectable Test Helper Functions
|
||||
//
|
||||
var el;
|
||||
|
||||
var drag = function(dx, dy) {
|
||||
var off = el.offset(), pos = { clientX: off.left, clientY: off.top };
|
||||
el.simulate("mousedown", pos);
|
||||
$(document).simulate("mousemove", pos);
|
||||
pos.clientX += dx;
|
||||
pos.clientY += dy;
|
||||
$(document).simulate("mousemove", pos);
|
||||
$(document).simulate("mouseup", pos);
|
||||
}
|
||||
|
||||
var border = function(el, side) { return parseInt(el.css('border-' + side + '-width')); }
|
||||
|
||||
var margin = function(el, side) { return parseInt(el.css('margin-' + side)); }
|
||||
|
||||
// Selectable Tests
|
||||
module("selectable");
|
||||
|
||||
test("init", function() {
|
||||
expect(6);
|
||||
|
||||
$("#selectable1").selectable().remove();
|
||||
ok(true, '.selectable() called on element');
|
||||
|
||||
$([]).selectable().remove();
|
||||
ok(true, '.selectable() called on empty collection');
|
||||
|
||||
$("<div/>").selectable().remove();
|
||||
ok(true, '.selectable() called on disconnected DOMElement');
|
||||
|
||||
$("<div/>").selectable().selectable("foo").remove();
|
||||
ok(true, 'arbitrary method called after init');
|
||||
|
||||
el = $("<div/>").selectable()
|
||||
var foo = el.data("foo.selectable");
|
||||
el.remove();
|
||||
ok(true, 'arbitrary option getter after init');
|
||||
|
||||
$("<div/>").selectable().data("foo.selectable", "bar").remove();
|
||||
ok(true, 'arbitrary option setter after init');
|
||||
});
|
||||
|
||||
test("destroy", function() {
|
||||
expect(6);
|
||||
|
||||
$("#selectable1").selectable().selectable("destroy").remove();
|
||||
ok(true, '.selectable("destroy") called on element');
|
||||
|
||||
$([]).selectable().selectable("destroy").remove();
|
||||
ok(true, '.selectable("destroy") called on empty collection');
|
||||
|
||||
$("<div/>").selectable().selectable("destroy").remove();
|
||||
ok(true, '.selectable("destroy") called on disconnected DOMElement');
|
||||
|
||||
$("<div/>").selectable().selectable("destroy").selectable("foo").remove();
|
||||
ok(true, 'arbitrary method called after destroy');
|
||||
|
||||
el = $("<div/>").selectable();
|
||||
var foo = el.selectable("destroy").data("foo.selectable");
|
||||
el.remove();
|
||||
ok(true, 'arbitrary option getter after destroy');
|
||||
|
||||
$("<div/>").selectable().selectable("destroy").data("foo.selectable", "bar").remove();
|
||||
ok(true, 'arbitrary option setter after destroy');
|
||||
});
|
||||
|
||||
test("defaults", function() {
|
||||
el = $('#selectable1').selectable();
|
||||
var defaults = {
|
||||
autoRefresh: true,
|
||||
filter: '*'
|
||||
};
|
||||
$.each(defaults, function(key, val) {
|
||||
var actual = el.data(key + ".selectable"), expected = val,
|
||||
method = (expected && expected.constructor == Object) ?
|
||||
compare2 : equals;
|
||||
method(actual, expected, key);
|
||||
});
|
||||
el.remove();
|
||||
});
|
||||
|
||||
module("selectable: Options");
|
||||
|
||||
test("autoRefresh", function() {
|
||||
expect(3);
|
||||
el = $("#selectable1");
|
||||
var actual, sel = $("*", el), selected = function() { actual += 1 };
|
||||
|
||||
actual = 0;
|
||||
el = $("#selectable1").selectable({ autoRefresh: false, selected: selected });
|
||||
sel.hide();
|
||||
drag(1000, 1000);
|
||||
equals(actual, sel.length);
|
||||
el.selectable("destroy");
|
||||
|
||||
actual = 0;
|
||||
sel.show();
|
||||
el = $("#selectable1").selectable({ autoRefresh: true, selected: selected });
|
||||
sel.hide();
|
||||
drag(1000, 1000);
|
||||
equals(actual, 0);
|
||||
sel.show();
|
||||
drag(1000, 1000);
|
||||
equals(actual, sel.length);
|
||||
el.selectable("destroy");
|
||||
sel.show();
|
||||
});
|
||||
|
||||
test("filter", function() {
|
||||
expect(2);
|
||||
el = $("#selectable1");
|
||||
var actual, sel = $("*", el), selected = function() { actual += 1 };
|
||||
|
||||
actual = 0;
|
||||
el = $("#selectable1").selectable({ filter: '.special', selected: selected });
|
||||
drag(1000, 1000);
|
||||
ok(sel.length != 1, "this test assumes more than 1 selectee");
|
||||
equals(actual, 1);
|
||||
el.selectable("destroy");
|
||||
});
|
||||
|
||||
module("selectable: Methods");
|
||||
|
||||
test("disable", function() {
|
||||
expect(2);
|
||||
var fired = false;
|
||||
|
||||
el = $("#selectable1");
|
||||
el.selectable({
|
||||
disabled: false,
|
||||
start: function() { fired = true; }
|
||||
});
|
||||
el.simulate("drag", 20, 20);
|
||||
equals(fired, true, "start fired");
|
||||
el.selectable("disable");
|
||||
fired = false;
|
||||
el.simulate("drag", 20, 20);
|
||||
equals(fired, false, "start fired");
|
||||
el.selectable("destroy");
|
||||
});
|
||||
|
||||
test("enable", function() {
|
||||
expect(2);
|
||||
var fired = false;
|
||||
|
||||
el = $("#selectable1");
|
||||
el.selectable({
|
||||
disabled: true,
|
||||
start: function() { fired = true; }
|
||||
});
|
||||
el.simulate("drag", 20, 20);
|
||||
equals(fired, false, "start fired");
|
||||
el.selectable("enable");
|
||||
el.simulate("drag", 20, 20);
|
||||
equals(fired, true, "start fired");
|
||||
el.selectable("destroy");
|
||||
});
|
||||
|
||||
test("toggle", function() {
|
||||
expect(2);
|
||||
|
||||
el = $("#selectable1").selectable({ disabled: true }).selectable("toggle");
|
||||
equals(el.data("disabled.selectable"), false, "disabled -> enabled");
|
||||
el.selectable("destroy");
|
||||
|
||||
el = $("#selectable1").selectable({ disabled: false }).selectable("toggle");
|
||||
equals(el.data("disabled.selectable"), true, "enabled -> disabled");
|
||||
el.selectable("destroy");
|
||||
});
|
||||
|
||||
module("selectable: Callbacks");
|
||||
|
||||
test("start", function() {
|
||||
expect(2);
|
||||
el = $("#selectable1");
|
||||
el.selectable({
|
||||
start: function(ev, ui) {
|
||||
ok(true, "drag fired start callback");
|
||||
equals(this, el[0], "context of callback");
|
||||
}
|
||||
});
|
||||
el.simulate("drag", 20, 20);
|
||||
});
|
||||
|
||||
test("stop", function() {
|
||||
expect(2);
|
||||
el = $("#selectable1");
|
||||
el.selectable({
|
||||
start: function(ev, ui) {
|
||||
ok(true, "drag fired stop callback");
|
||||
equals(this, el[0], "context of callback");
|
||||
}
|
||||
});
|
||||
el.simulate("drag", 20, 20);
|
||||
});
|
||||
|
||||
module("selectable: Tickets");
|
||||
|
||||
})(jQuery);
|
||||
/*
|
||||
* selectable unit tests
|
||||
*/
|
||||
(function($) {
|
||||
//
|
||||
// Selectable Test Helper Functions
|
||||
//
|
||||
var el;
|
||||
|
||||
var drag = function(dx, dy) {
|
||||
var off = el.offset(), pos = { clientX: off.left, clientY: off.top };
|
||||
el.simulate("mousedown", pos);
|
||||
$(document).simulate("mousemove", pos);
|
||||
pos.clientX += dx;
|
||||
pos.clientY += dy;
|
||||
$(document).simulate("mousemove", pos);
|
||||
$(document).simulate("mouseup", pos);
|
||||
}
|
||||
|
||||
var border = function(el, side) { return parseInt(el.css('border-' + side + '-width')); }
|
||||
|
||||
var margin = function(el, side) { return parseInt(el.css('margin-' + side)); }
|
||||
|
||||
// Selectable Tests
|
||||
module("selectable");
|
||||
|
||||
test("init", function() {
|
||||
expect(6);
|
||||
|
||||
$("#selectable1").selectable().remove();
|
||||
ok(true, '.selectable() called on element');
|
||||
|
||||
$([]).selectable().remove();
|
||||
ok(true, '.selectable() called on empty collection');
|
||||
|
||||
$("<div/>").selectable().remove();
|
||||
ok(true, '.selectable() called on disconnected DOMElement');
|
||||
|
||||
$("<div/>").selectable().selectable("foo").remove();
|
||||
ok(true, 'arbitrary method called after init');
|
||||
|
||||
el = $("<div/>").selectable()
|
||||
var foo = el.data("foo.selectable");
|
||||
el.remove();
|
||||
ok(true, 'arbitrary option getter after init');
|
||||
|
||||
$("<div/>").selectable().data("foo.selectable", "bar").remove();
|
||||
ok(true, 'arbitrary option setter after init');
|
||||
});
|
||||
|
||||
test("destroy", function() {
|
||||
expect(6);
|
||||
|
||||
$("#selectable1").selectable().selectable("destroy").remove();
|
||||
ok(true, '.selectable("destroy") called on element');
|
||||
|
||||
$([]).selectable().selectable("destroy").remove();
|
||||
ok(true, '.selectable("destroy") called on empty collection');
|
||||
|
||||
$("<div/>").selectable().selectable("destroy").remove();
|
||||
ok(true, '.selectable("destroy") called on disconnected DOMElement');
|
||||
|
||||
$("<div/>").selectable().selectable("destroy").selectable("foo").remove();
|
||||
ok(true, 'arbitrary method called after destroy');
|
||||
|
||||
el = $("<div/>").selectable();
|
||||
var foo = el.selectable("destroy").data("foo.selectable");
|
||||
el.remove();
|
||||
ok(true, 'arbitrary option getter after destroy');
|
||||
|
||||
$("<div/>").selectable().selectable("destroy").data("foo.selectable", "bar").remove();
|
||||
ok(true, 'arbitrary option setter after destroy');
|
||||
});
|
||||
|
||||
test("defaults", function() {
|
||||
el = $('#selectable1').selectable();
|
||||
var defaults = {
|
||||
autoRefresh: true,
|
||||
filter: '*'
|
||||
};
|
||||
$.each(defaults, function(key, val) {
|
||||
var actual = el.data(key + ".selectable"), expected = val,
|
||||
method = (expected && expected.constructor == Object) ?
|
||||
compare2 : equals;
|
||||
method(actual, expected, key);
|
||||
});
|
||||
el.remove();
|
||||
});
|
||||
|
||||
module("selectable: Options");
|
||||
|
||||
test("autoRefresh", function() {
|
||||
expect(3);
|
||||
el = $("#selectable1");
|
||||
var actual, sel = $("*", el), selected = function() { actual += 1 };
|
||||
|
||||
actual = 0;
|
||||
el = $("#selectable1").selectable({ autoRefresh: false, selected: selected });
|
||||
sel.hide();
|
||||
drag(1000, 1000);
|
||||
equals(actual, sel.length);
|
||||
el.selectable("destroy");
|
||||
|
||||
actual = 0;
|
||||
sel.show();
|
||||
el = $("#selectable1").selectable({ autoRefresh: true, selected: selected });
|
||||
sel.hide();
|
||||
drag(1000, 1000);
|
||||
equals(actual, 0);
|
||||
sel.show();
|
||||
drag(1000, 1000);
|
||||
equals(actual, sel.length);
|
||||
el.selectable("destroy");
|
||||
sel.show();
|
||||
});
|
||||
|
||||
test("filter", function() {
|
||||
expect(2);
|
||||
el = $("#selectable1");
|
||||
var actual, sel = $("*", el), selected = function() { actual += 1 };
|
||||
|
||||
actual = 0;
|
||||
el = $("#selectable1").selectable({ filter: '.special', selected: selected });
|
||||
drag(1000, 1000);
|
||||
ok(sel.length != 1, "this test assumes more than 1 selectee");
|
||||
equals(actual, 1);
|
||||
el.selectable("destroy");
|
||||
});
|
||||
|
||||
module("selectable: Methods");
|
||||
|
||||
test("disable", function() {
|
||||
expect(2);
|
||||
var fired = false;
|
||||
|
||||
el = $("#selectable1");
|
||||
el.selectable({
|
||||
disabled: false,
|
||||
start: function() { fired = true; }
|
||||
});
|
||||
el.simulate("drag", 20, 20);
|
||||
equals(fired, true, "start fired");
|
||||
el.selectable("disable");
|
||||
fired = false;
|
||||
el.simulate("drag", 20, 20);
|
||||
equals(fired, false, "start fired");
|
||||
el.selectable("destroy");
|
||||
});
|
||||
|
||||
test("enable", function() {
|
||||
expect(2);
|
||||
var fired = false;
|
||||
|
||||
el = $("#selectable1");
|
||||
el.selectable({
|
||||
disabled: true,
|
||||
start: function() { fired = true; }
|
||||
});
|
||||
el.simulate("drag", 20, 20);
|
||||
equals(fired, false, "start fired");
|
||||
el.selectable("enable");
|
||||
el.simulate("drag", 20, 20);
|
||||
equals(fired, true, "start fired");
|
||||
el.selectable("destroy");
|
||||
});
|
||||
|
||||
test("toggle", function() {
|
||||
expect(2);
|
||||
|
||||
el = $("#selectable1").selectable({ disabled: true }).selectable("toggle");
|
||||
equals(el.data("disabled.selectable"), false, "disabled -> enabled");
|
||||
el.selectable("destroy");
|
||||
|
||||
el = $("#selectable1").selectable({ disabled: false }).selectable("toggle");
|
||||
equals(el.data("disabled.selectable"), true, "enabled -> disabled");
|
||||
el.selectable("destroy");
|
||||
});
|
||||
|
||||
module("selectable: Callbacks");
|
||||
|
||||
test("start", function() {
|
||||
expect(2);
|
||||
el = $("#selectable1");
|
||||
el.selectable({
|
||||
start: function(ev, ui) {
|
||||
ok(true, "drag fired start callback");
|
||||
equals(this, el[0], "context of callback");
|
||||
}
|
||||
});
|
||||
el.simulate("drag", 20, 20);
|
||||
});
|
||||
|
||||
test("stop", function() {
|
||||
expect(2);
|
||||
el = $("#selectable1");
|
||||
el.selectable({
|
||||
start: function(ev, ui) {
|
||||
ok(true, "drag fired stop callback");
|
||||
equals(this, el[0], "context of callback");
|
||||
}
|
||||
});
|
||||
el.simulate("drag", 20, 20);
|
||||
});
|
||||
|
||||
module("selectable: Tickets");
|
||||
|
||||
})(jQuery);
|
||||
|
||||
@ -1,152 +1,152 @@
|
||||
/*
|
||||
* jquery.simulate - simulate browser mouse and keyboard events
|
||||
*
|
||||
* Copyright (c) 2007 Eduardo Lundgren (eduardolundgren@gmail.com)
|
||||
* and Richard D. Worth (rdworth@gmail.com)
|
||||
*
|
||||
* Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
|
||||
* and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
|
||||
*
|
||||
*/
|
||||
|
||||
;(function($) {
|
||||
|
||||
$.fn.extend({
|
||||
simulate: function(type, options) {
|
||||
return this.each(function() {
|
||||
var opt = $.extend({}, $.simulate.defaults, options || {});
|
||||
new $.simulate(this, type, opt);
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
$.simulate = function(el, type, options) {
|
||||
this.target = el;
|
||||
this.options = options;
|
||||
|
||||
if (/^drag$/.test(type)) {
|
||||
this[type].apply(this, [this.target, options]);
|
||||
} else {
|
||||
this.simulateEvent(el, type, options);
|
||||
}
|
||||
}
|
||||
|
||||
$.extend($.simulate.prototype, {
|
||||
simulateEvent: function(el, type, options) {
|
||||
var evt = this.createEvent(type, options);
|
||||
this.dispatchEvent(el, type, evt, options);
|
||||
return evt;
|
||||
},
|
||||
createEvent: function(type, options) {
|
||||
if (/^mouse(over|out|down|up|move)|(dbl)?click$/.test(type)) {
|
||||
return this.mouseEvent(type, options);
|
||||
} else if (/^key(up|down|press)$/.test(type)) {
|
||||
return this.keyboardEvent(type, options);
|
||||
}
|
||||
},
|
||||
mouseEvent: function(type, options) {
|
||||
var evt;
|
||||
var e = $.extend({
|
||||
bubbles: true, cancelable: (type != "mousemove"), view: window, detail: 0,
|
||||
screenX: 0, screenY: 0, clientX: 0, clientY: 0,
|
||||
ctrlKey: false, altKey: false, shiftKey: false, metaKey: false,
|
||||
button: 0, relatedTarget: undefined
|
||||
}, options);
|
||||
|
||||
var relatedTarget = $(e.relatedTarget)[0];
|
||||
|
||||
if ($.isFunction(document.createEvent)) {
|
||||
evt = document.createEvent("MouseEvents");
|
||||
evt.initMouseEvent(type, e.bubbles, e.cancelable, e.view, e.detail,
|
||||
e.screenX, e.screenY, e.clientX, e.clientY,
|
||||
e.ctrlKey, e.altKey, e.shiftKey, e.metaKey,
|
||||
e.button, e.relatedTarget || document.body.parentNode);
|
||||
} else if (document.createEventObject) {
|
||||
evt = document.createEventObject();
|
||||
$.extend(evt, e);
|
||||
evt.button = { 0:1, 1:4, 2:2 }[evt.button] || evt.button;
|
||||
}
|
||||
return evt;
|
||||
},
|
||||
keyboardEvent: function(type, options) {
|
||||
var evt;
|
||||
|
||||
var e = $.extend({ bubbles: true, cancelable: true, view: window,
|
||||
ctrlKey: false, altKey: false, shiftKey: false, metaKey: false,
|
||||
keyCode: 0, charCode: 0
|
||||
}, options);
|
||||
|
||||
if ($.isFunction(document.createEvent)) {
|
||||
try {
|
||||
evt = document.createEvent("KeyEvents");
|
||||
evt.initKeyEvent(type, e.bubbles, e.cancelable, e.view,
|
||||
e.ctrlKey, e.altKey, e.shiftKey, e.metaKey,
|
||||
e.keyCode, e.charCode);
|
||||
} catch(err) {
|
||||
evt = document.createEvent("Events");
|
||||
evt.initEvent(type, e.bubbles, e.cancelable);
|
||||
$.extend(evt, { view: e.view,
|
||||
ctrlKey: e.ctrlKey, altKey: e.altKey, shiftKey: e.shiftKey, metaKey: e.metaKey,
|
||||
keyCode: e.keyCode, charCode: e.charCode
|
||||
});
|
||||
}
|
||||
} else if (document.createEventObject) {
|
||||
evt = document.createEventObject();
|
||||
$.extend(evt, e);
|
||||
}
|
||||
if ($.browser.msie || $.browser.opera) {
|
||||
evt.keyCode = (e.charCode > 0) ? e.charCode : e.keyCode;
|
||||
evt.charCode = undefined;
|
||||
}
|
||||
return evt;
|
||||
},
|
||||
|
||||
dispatchEvent: function(el, type, evt) {
|
||||
if (el.dispatchEvent) {
|
||||
el.dispatchEvent(evt);
|
||||
} else if (el.fireEvent) {
|
||||
el.fireEvent('on' + type, evt);
|
||||
}
|
||||
return evt;
|
||||
},
|
||||
|
||||
drag: function(el) {
|
||||
var self = this, center = this.findCenter(this.target),
|
||||
options = this.options, x = Math.floor(center.x), y = Math.floor(center.y),
|
||||
dx = options.dx || 0, dy = options.dy || 0, target = this.target;
|
||||
var coord = { clientX: x, clientY: y };
|
||||
this.simulateEvent(target, "mousedown", coord);
|
||||
coord = { clientX: x + 1, clientY: y + 1 };
|
||||
this.simulateEvent(document, "mousemove", coord);
|
||||
coord = { clientX: x + dx, clientY: y + dy };
|
||||
this.simulateEvent(document, "mousemove", coord);
|
||||
this.simulateEvent(document, "mousemove", coord);
|
||||
this.simulateEvent(target, "mouseup", coord);
|
||||
},
|
||||
findCenter: function(el) {
|
||||
var el = $(this.target), o = el.offset();
|
||||
return {
|
||||
x: o.left + el.outerWidth() / 2,
|
||||
y: o.top + el.outerHeight() / 2
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
$.extend($.simulate, {
|
||||
defaults: {
|
||||
speed: 'sync'
|
||||
},
|
||||
VK_TAB: 9,
|
||||
VK_ENTER: 13,
|
||||
VK_ESC: 27,
|
||||
VK_PGUP: 33,
|
||||
VK_PGDN: 34,
|
||||
VK_END: 35,
|
||||
VK_HOME: 36,
|
||||
VK_LEFT: 37,
|
||||
VK_UP: 38,
|
||||
VK_RIGHT: 39,
|
||||
VK_DOWN: 40
|
||||
});
|
||||
|
||||
})(jQuery);
|
||||
/*
|
||||
* jquery.simulate - simulate browser mouse and keyboard events
|
||||
*
|
||||
* Copyright (c) 2007 Eduardo Lundgren (eduardolundgren@gmail.com)
|
||||
* and Richard D. Worth (rdworth@gmail.com)
|
||||
*
|
||||
* Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
|
||||
* and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
|
||||
*
|
||||
*/
|
||||
|
||||
;(function($) {
|
||||
|
||||
$.fn.extend({
|
||||
simulate: function(type, options) {
|
||||
return this.each(function() {
|
||||
var opt = $.extend({}, $.simulate.defaults, options || {});
|
||||
new $.simulate(this, type, opt);
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
$.simulate = function(el, type, options) {
|
||||
this.target = el;
|
||||
this.options = options;
|
||||
|
||||
if (/^drag$/.test(type)) {
|
||||
this[type].apply(this, [this.target, options]);
|
||||
} else {
|
||||
this.simulateEvent(el, type, options);
|
||||
}
|
||||
}
|
||||
|
||||
$.extend($.simulate.prototype, {
|
||||
simulateEvent: function(el, type, options) {
|
||||
var evt = this.createEvent(type, options);
|
||||
this.dispatchEvent(el, type, evt, options);
|
||||
return evt;
|
||||
},
|
||||
createEvent: function(type, options) {
|
||||
if (/^mouse(over|out|down|up|move)|(dbl)?click$/.test(type)) {
|
||||
return this.mouseEvent(type, options);
|
||||
} else if (/^key(up|down|press)$/.test(type)) {
|
||||
return this.keyboardEvent(type, options);
|
||||
}
|
||||
},
|
||||
mouseEvent: function(type, options) {
|
||||
var evt;
|
||||
var e = $.extend({
|
||||
bubbles: true, cancelable: (type != "mousemove"), view: window, detail: 0,
|
||||
screenX: 0, screenY: 0, clientX: 0, clientY: 0,
|
||||
ctrlKey: false, altKey: false, shiftKey: false, metaKey: false,
|
||||
button: 0, relatedTarget: undefined
|
||||
}, options);
|
||||
|
||||
var relatedTarget = $(e.relatedTarget)[0];
|
||||
|
||||
if ($.isFunction(document.createEvent)) {
|
||||
evt = document.createEvent("MouseEvents");
|
||||
evt.initMouseEvent(type, e.bubbles, e.cancelable, e.view, e.detail,
|
||||
e.screenX, e.screenY, e.clientX, e.clientY,
|
||||
e.ctrlKey, e.altKey, e.shiftKey, e.metaKey,
|
||||
e.button, e.relatedTarget || document.body.parentNode);
|
||||
} else if (document.createEventObject) {
|
||||
evt = document.createEventObject();
|
||||
$.extend(evt, e);
|
||||
evt.button = { 0:1, 1:4, 2:2 }[evt.button] || evt.button;
|
||||
}
|
||||
return evt;
|
||||
},
|
||||
keyboardEvent: function(type, options) {
|
||||
var evt;
|
||||
|
||||
var e = $.extend({ bubbles: true, cancelable: true, view: window,
|
||||
ctrlKey: false, altKey: false, shiftKey: false, metaKey: false,
|
||||
keyCode: 0, charCode: 0
|
||||
}, options);
|
||||
|
||||
if ($.isFunction(document.createEvent)) {
|
||||
try {
|
||||
evt = document.createEvent("KeyEvents");
|
||||
evt.initKeyEvent(type, e.bubbles, e.cancelable, e.view,
|
||||
e.ctrlKey, e.altKey, e.shiftKey, e.metaKey,
|
||||
e.keyCode, e.charCode);
|
||||
} catch(err) {
|
||||
evt = document.createEvent("Events");
|
||||
evt.initEvent(type, e.bubbles, e.cancelable);
|
||||
$.extend(evt, { view: e.view,
|
||||
ctrlKey: e.ctrlKey, altKey: e.altKey, shiftKey: e.shiftKey, metaKey: e.metaKey,
|
||||
keyCode: e.keyCode, charCode: e.charCode
|
||||
});
|
||||
}
|
||||
} else if (document.createEventObject) {
|
||||
evt = document.createEventObject();
|
||||
$.extend(evt, e);
|
||||
}
|
||||
if ($.browser.msie || $.browser.opera) {
|
||||
evt.keyCode = (e.charCode > 0) ? e.charCode : e.keyCode;
|
||||
evt.charCode = undefined;
|
||||
}
|
||||
return evt;
|
||||
},
|
||||
|
||||
dispatchEvent: function(el, type, evt) {
|
||||
if (el.dispatchEvent) {
|
||||
el.dispatchEvent(evt);
|
||||
} else if (el.fireEvent) {
|
||||
el.fireEvent('on' + type, evt);
|
||||
}
|
||||
return evt;
|
||||
},
|
||||
|
||||
drag: function(el) {
|
||||
var self = this, center = this.findCenter(this.target),
|
||||
options = this.options, x = Math.floor(center.x), y = Math.floor(center.y),
|
||||
dx = options.dx || 0, dy = options.dy || 0, target = this.target;
|
||||
var coord = { clientX: x, clientY: y };
|
||||
this.simulateEvent(target, "mousedown", coord);
|
||||
coord = { clientX: x + 1, clientY: y + 1 };
|
||||
this.simulateEvent(document, "mousemove", coord);
|
||||
coord = { clientX: x + dx, clientY: y + dy };
|
||||
this.simulateEvent(document, "mousemove", coord);
|
||||
this.simulateEvent(document, "mousemove", coord);
|
||||
this.simulateEvent(target, "mouseup", coord);
|
||||
},
|
||||
findCenter: function(el) {
|
||||
var el = $(this.target), o = el.offset();
|
||||
return {
|
||||
x: o.left + el.outerWidth() / 2,
|
||||
y: o.top + el.outerHeight() / 2
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
$.extend($.simulate, {
|
||||
defaults: {
|
||||
speed: 'sync'
|
||||
},
|
||||
VK_TAB: 9,
|
||||
VK_ENTER: 13,
|
||||
VK_ESC: 27,
|
||||
VK_PGUP: 33,
|
||||
VK_PGDN: 34,
|
||||
VK_END: 35,
|
||||
VK_HOME: 36,
|
||||
VK_LEFT: 37,
|
||||
VK_UP: 38,
|
||||
VK_RIGHT: 39,
|
||||
VK_DOWN: 40
|
||||
});
|
||||
|
||||
})(jQuery);
|
||||
|
||||
@ -1,45 +1,45 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>jQuery UI Sortable Test Suite</title>
|
||||
|
||||
<link rel="stylesheet" href="qunit/testsuite.css" type="text/css" media="screen">
|
||||
|
||||
<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.sortable.js"></script>
|
||||
|
||||
<script type="text/javascript" src="qunit/testrunner.js"></script>
|
||||
<script type="text/javascript" src="simulate/jquery.simulate.js"></script>
|
||||
|
||||
<script type="text/javascript" src="sortable.js"></script>
|
||||
|
||||
<style type="text/css">
|
||||
html { border: 0; }
|
||||
#main {
|
||||
position:absolute !important;
|
||||
top: -1000px !important;
|
||||
left: -1000px !important;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<h1 id="header">jQuery UI Sortable Test Suite</h1>
|
||||
<h2 id="banner"></h2>
|
||||
<h2 id="userAgent"></h2>
|
||||
|
||||
<ol id="tests"></ol>
|
||||
|
||||
<div id="main" style="border: 1px solid black; padding: 10px; margin: 10px;">
|
||||
<ul id="sortable">
|
||||
<li>Item 1</li>
|
||||
<li>Item 2</li>
|
||||
<li>Item 3</li>
|
||||
<li>Item 4</li>
|
||||
<li>Item 5</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>jQuery UI Sortable Test Suite</title>
|
||||
|
||||
<link rel="stylesheet" href="qunit/testsuite.css" type="text/css" media="screen">
|
||||
|
||||
<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.sortable.js"></script>
|
||||
|
||||
<script type="text/javascript" src="qunit/testrunner.js"></script>
|
||||
<script type="text/javascript" src="simulate/jquery.simulate.js"></script>
|
||||
|
||||
<script type="text/javascript" src="sortable.js"></script>
|
||||
|
||||
<style type="text/css">
|
||||
html { border: 0; }
|
||||
#main {
|
||||
position:absolute !important;
|
||||
top: -1000px !important;
|
||||
left: -1000px !important;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<h1 id="header">jQuery UI Sortable Test Suite</h1>
|
||||
<h2 id="banner"></h2>
|
||||
<h2 id="userAgent"></h2>
|
||||
|
||||
<ol id="tests"></ol>
|
||||
|
||||
<div id="main" style="border: 1px solid black; padding: 10px; margin: 10px;">
|
||||
<ul id="sortable">
|
||||
<li>Item 1</li>
|
||||
<li>Item 2</li>
|
||||
<li>Item 3</li>
|
||||
<li>Item 4</li>
|
||||
<li>Item 5</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -1,141 +1,141 @@
|
||||
/*
|
||||
* sortable unit tests
|
||||
*/
|
||||
(function($) {
|
||||
//
|
||||
// Sortable Test Helper Functions
|
||||
//
|
||||
var el, offsetBefore, offsetAfter, dragged;
|
||||
|
||||
var drag = function(handle, dx, dy) {
|
||||
offsetBefore = $(handle).offset();
|
||||
$(handle).simulate("drag", {
|
||||
dx: dx || 0,
|
||||
dy: dy || 0
|
||||
});
|
||||
dragged = { dx: dx, dy: dy };
|
||||
offsetAfter = $(handle).offset();
|
||||
}
|
||||
|
||||
var sort = function(handle, dx, dy, index, msg) {
|
||||
drag(handle, dx, dy);
|
||||
equals($(handle).parent().children().index(handle), index, msg);
|
||||
}
|
||||
|
||||
var border = function(el, side) { return parseInt(el.css('border-' + side + '-width')); }
|
||||
var margin = function(el, side) { return parseInt(el.css('margin-' + side)); }
|
||||
|
||||
// Sortable Tests
|
||||
module("sortable");
|
||||
|
||||
test("init", function() {
|
||||
expect(6);
|
||||
|
||||
el = $("#sortable").sortable();
|
||||
ok(true, '.sortable() called on element');
|
||||
|
||||
$([]).sortable();
|
||||
ok(true, '.sortable() called on empty collection');
|
||||
|
||||
$("<div/>").sortable();
|
||||
ok(true, '.sortable() called on disconnected DOMElement');
|
||||
|
||||
$("<div/>").sortable().sortable("foo");
|
||||
ok(true, 'arbitrary method called after init');
|
||||
|
||||
$("<div/>").sortable().data("foo.sortable");
|
||||
ok(true, 'arbitrary option getter after init');
|
||||
|
||||
$("<div/>").sortable().data("foo.sortable", "bar");
|
||||
ok(true, 'arbitrary option setter after init');
|
||||
});
|
||||
|
||||
test("destroy", function() {
|
||||
expect(6);
|
||||
|
||||
$("#sortable").sortable().sortable("destroy");
|
||||
ok(true, '.sortable("destroy") called on element');
|
||||
|
||||
$([]).sortable().sortable("destroy");
|
||||
ok(true, '.sortable("destroy") called on empty collection');
|
||||
|
||||
$("<div/>").sortable().sortable("destroy");
|
||||
ok(true, '.sortable("destroy") called on disconnected DOMElement');
|
||||
|
||||
$("<div/>").sortable().sortable("destroy").sortable("foo");
|
||||
ok(true, 'arbitrary method called after destroy');
|
||||
|
||||
$("<div/>").sortable().sortable("destroy").data("foo.sortable");
|
||||
ok(true, 'arbitrary option getter after destroy');
|
||||
|
||||
$("<div/>").sortable().sortable("destroy").data("foo.sortable", "bar");
|
||||
ok(true, 'arbitrary option setter after destroy');
|
||||
});
|
||||
|
||||
test("enable", function() {
|
||||
expect(4);
|
||||
el = $("#sortable").sortable({ disabled: true });
|
||||
|
||||
sort($("li", el)[0], 0, 40, 0, '.sortable({ disabled: true })');
|
||||
|
||||
el.sortable("enable");
|
||||
equals(el.data("disabled.sortable"), false, "disabled.sortable getter");
|
||||
|
||||
el.sortable("destroy");
|
||||
el.sortable({ disabled: true });
|
||||
el.data("disabled.sortable", false);
|
||||
equals(el.data("disabled.sortable"), false, "disabled.sortable setter");
|
||||
|
||||
sort($("li", el)[0], 0, 40, 2, '.data("disabled.sortable", false)');
|
||||
});
|
||||
|
||||
test("disable", function() {
|
||||
expect(5);
|
||||
el = $("#sortable").sortable({ disabled: false });
|
||||
sort($("li", el)[0], 0, 40, 2, '.sortable({ disabled: false })');
|
||||
|
||||
el.sortable("disable");
|
||||
sort($("li", el)[0], 0, 40, 0, 'disabled.sortable getter');
|
||||
|
||||
el.sortable("destroy");
|
||||
|
||||
el.sortable({ disabled: false });
|
||||
sort($("li", el)[0], 0, 40, 2, '.sortable({ disabled: false })');
|
||||
el.data("disabled.sortable", true);
|
||||
equals(el.data("disabled.sortable"), true, "disabled.sortable setter");
|
||||
sort($("li", el)[0], 0, 40, 0, '.data("disabled.sortable", true)');
|
||||
});
|
||||
|
||||
test("defaults", function() {
|
||||
el = $("#sortable").sortable();
|
||||
|
||||
equals(el.data("helper.sortable"), "original", "helper");
|
||||
equals(el.data("tolerance.sortable"), "guess", "tolerance");
|
||||
equals(el.data("distance.sortable"), 1, "distance");
|
||||
equals(el.data("disabled.sortable"), false, "disabled");
|
||||
equals(el.data("delay.sortable"), 0, "delay");
|
||||
equals(el.data("scroll.sortable"), true, "scroll");
|
||||
equals(el.data("scrollSensitivity.sortable"), 20, "scrollSensitivity");
|
||||
equals(el.data("scrollSpeed.sortable"), 20, "scrollSpeed");
|
||||
equals(el.data("cancel.sortable"), ":input", "cancel");
|
||||
equals(el.data("items.sortable"), "> *", "items");
|
||||
equals(el.data("zIndex.sortable"), 1000, "zIndex");
|
||||
equals(el.data("dropOnEmpty.sortable"), true, "dropOnEmpty");
|
||||
equals(el.data("appendTo.sortable"), "parent", "appendTo");
|
||||
|
||||
});
|
||||
|
||||
test("#3019: Stop fires too early", function() {
|
||||
|
||||
var helper = null;
|
||||
el = $("#sortable").sortable({ stop: function(e, ui) {
|
||||
helper = ui.helper;
|
||||
}});
|
||||
|
||||
sort($("li", el)[0], 0, 40, 2, 'Dragging the sortable');
|
||||
equals(helper, null, "helper should be false");
|
||||
|
||||
});
|
||||
|
||||
|
||||
})(jQuery);
|
||||
/*
|
||||
* sortable unit tests
|
||||
*/
|
||||
(function($) {
|
||||
//
|
||||
// Sortable Test Helper Functions
|
||||
//
|
||||
var el, offsetBefore, offsetAfter, dragged;
|
||||
|
||||
var drag = function(handle, dx, dy) {
|
||||
offsetBefore = $(handle).offset();
|
||||
$(handle).simulate("drag", {
|
||||
dx: dx || 0,
|
||||
dy: dy || 0
|
||||
});
|
||||
dragged = { dx: dx, dy: dy };
|
||||
offsetAfter = $(handle).offset();
|
||||
}
|
||||
|
||||
var sort = function(handle, dx, dy, index, msg) {
|
||||
drag(handle, dx, dy);
|
||||
equals($(handle).parent().children().index(handle), index, msg);
|
||||
}
|
||||
|
||||
var border = function(el, side) { return parseInt(el.css('border-' + side + '-width')); }
|
||||
var margin = function(el, side) { return parseInt(el.css('margin-' + side)); }
|
||||
|
||||
// Sortable Tests
|
||||
module("sortable");
|
||||
|
||||
test("init", function() {
|
||||
expect(6);
|
||||
|
||||
el = $("#sortable").sortable();
|
||||
ok(true, '.sortable() called on element');
|
||||
|
||||
$([]).sortable();
|
||||
ok(true, '.sortable() called on empty collection');
|
||||
|
||||
$("<div/>").sortable();
|
||||
ok(true, '.sortable() called on disconnected DOMElement');
|
||||
|
||||
$("<div/>").sortable().sortable("foo");
|
||||
ok(true, 'arbitrary method called after init');
|
||||
|
||||
$("<div/>").sortable().data("foo.sortable");
|
||||
ok(true, 'arbitrary option getter after init');
|
||||
|
||||
$("<div/>").sortable().data("foo.sortable", "bar");
|
||||
ok(true, 'arbitrary option setter after init');
|
||||
});
|
||||
|
||||
test("destroy", function() {
|
||||
expect(6);
|
||||
|
||||
$("#sortable").sortable().sortable("destroy");
|
||||
ok(true, '.sortable("destroy") called on element');
|
||||
|
||||
$([]).sortable().sortable("destroy");
|
||||
ok(true, '.sortable("destroy") called on empty collection');
|
||||
|
||||
$("<div/>").sortable().sortable("destroy");
|
||||
ok(true, '.sortable("destroy") called on disconnected DOMElement');
|
||||
|
||||
$("<div/>").sortable().sortable("destroy").sortable("foo");
|
||||
ok(true, 'arbitrary method called after destroy');
|
||||
|
||||
$("<div/>").sortable().sortable("destroy").data("foo.sortable");
|
||||
ok(true, 'arbitrary option getter after destroy');
|
||||
|
||||
$("<div/>").sortable().sortable("destroy").data("foo.sortable", "bar");
|
||||
ok(true, 'arbitrary option setter after destroy');
|
||||
});
|
||||
|
||||
test("enable", function() {
|
||||
expect(4);
|
||||
el = $("#sortable").sortable({ disabled: true });
|
||||
|
||||
sort($("li", el)[0], 0, 40, 0, '.sortable({ disabled: true })');
|
||||
|
||||
el.sortable("enable");
|
||||
equals(el.data("disabled.sortable"), false, "disabled.sortable getter");
|
||||
|
||||
el.sortable("destroy");
|
||||
el.sortable({ disabled: true });
|
||||
el.data("disabled.sortable", false);
|
||||
equals(el.data("disabled.sortable"), false, "disabled.sortable setter");
|
||||
|
||||
sort($("li", el)[0], 0, 40, 2, '.data("disabled.sortable", false)');
|
||||
});
|
||||
|
||||
test("disable", function() {
|
||||
expect(5);
|
||||
el = $("#sortable").sortable({ disabled: false });
|
||||
sort($("li", el)[0], 0, 40, 2, '.sortable({ disabled: false })');
|
||||
|
||||
el.sortable("disable");
|
||||
sort($("li", el)[0], 0, 40, 0, 'disabled.sortable getter');
|
||||
|
||||
el.sortable("destroy");
|
||||
|
||||
el.sortable({ disabled: false });
|
||||
sort($("li", el)[0], 0, 40, 2, '.sortable({ disabled: false })');
|
||||
el.data("disabled.sortable", true);
|
||||
equals(el.data("disabled.sortable"), true, "disabled.sortable setter");
|
||||
sort($("li", el)[0], 0, 40, 0, '.data("disabled.sortable", true)');
|
||||
});
|
||||
|
||||
test("defaults", function() {
|
||||
el = $("#sortable").sortable();
|
||||
|
||||
equals(el.data("helper.sortable"), "original", "helper");
|
||||
equals(el.data("tolerance.sortable"), "guess", "tolerance");
|
||||
equals(el.data("distance.sortable"), 1, "distance");
|
||||
equals(el.data("disabled.sortable"), false, "disabled");
|
||||
equals(el.data("delay.sortable"), 0, "delay");
|
||||
equals(el.data("scroll.sortable"), true, "scroll");
|
||||
equals(el.data("scrollSensitivity.sortable"), 20, "scrollSensitivity");
|
||||
equals(el.data("scrollSpeed.sortable"), 20, "scrollSpeed");
|
||||
equals(el.data("cancel.sortable"), ":input", "cancel");
|
||||
equals(el.data("items.sortable"), "> *", "items");
|
||||
equals(el.data("zIndex.sortable"), 1000, "zIndex");
|
||||
equals(el.data("dropOnEmpty.sortable"), true, "dropOnEmpty");
|
||||
equals(el.data("appendTo.sortable"), "parent", "appendTo");
|
||||
|
||||
});
|
||||
|
||||
test("#3019: Stop fires too early", function() {
|
||||
|
||||
var helper = null;
|
||||
el = $("#sortable").sortable({ stop: function(e, ui) {
|
||||
helper = ui.helper;
|
||||
}});
|
||||
|
||||
sort($("li", el)[0], 0, 40, 2, 'Dragging the sortable');
|
||||
equals(helper, null, "helper should be false");
|
||||
|
||||
});
|
||||
|
||||
|
||||
})(jQuery);
|
||||
|
||||
@ -1,39 +1,39 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>jQuery UI Spinner Test Suite</title>
|
||||
|
||||
<link rel="stylesheet" href="qunit/testsuite.css" type="text/css" media="screen">
|
||||
|
||||
<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.spinner.js"></script>
|
||||
|
||||
<script type="text/javascript" src="qunit/testrunner.js"></script>
|
||||
<script type="text/javascript" src="simulate/jquery.simulate.js"></script>
|
||||
|
||||
<script type="text/javascript" src="spinner.js"></script>
|
||||
|
||||
<style type="text/css">
|
||||
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<h1 id="header">jQuery UI Spinner Test Suite</h1>
|
||||
<h2 id="banner"></h2>
|
||||
<h2 id="userAgent"></h2>
|
||||
|
||||
<ol id="tests"></ol>
|
||||
|
||||
<div id="main" style="position:absolute;top:-20000px">
|
||||
<input type="text" id="spin" />
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>jQuery UI Spinner Test Suite</title>
|
||||
|
||||
<link rel="stylesheet" href="qunit/testsuite.css" type="text/css" media="screen">
|
||||
|
||||
<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.spinner.js"></script>
|
||||
|
||||
<script type="text/javascript" src="qunit/testrunner.js"></script>
|
||||
<script type="text/javascript" src="simulate/jquery.simulate.js"></script>
|
||||
|
||||
<script type="text/javascript" src="spinner.js"></script>
|
||||
|
||||
<style type="text/css">
|
||||
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<h1 id="header">jQuery UI Spinner Test Suite</h1>
|
||||
<h2 id="banner"></h2>
|
||||
<h2 id="userAgent"></h2>
|
||||
|
||||
<ol id="tests"></ol>
|
||||
|
||||
<div id="main" style="position:absolute;top:-20000px">
|
||||
<input type="text" id="spin" />
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
622
tests/spinner.js
622
tests/spinner.js
@ -1,311 +1,311 @@
|
||||
/*
|
||||
* spinner unit tests
|
||||
*/
|
||||
(function($) {
|
||||
|
||||
// Spinner Tests
|
||||
module("spinner");
|
||||
|
||||
test("init", function() {
|
||||
expect(2);
|
||||
|
||||
$("#spin").spinner();
|
||||
ok(true, '.spinner() called on element');
|
||||
|
||||
$('<input id="spinner_dis">').spinner().remove();
|
||||
ok(true, '.spinner() called on disconnected element');
|
||||
|
||||
});
|
||||
|
||||
test("destroy", function() {
|
||||
expect(2);
|
||||
|
||||
$("#spin").spinner().spinner("destroy");
|
||||
ok(true, '.spinner("destroy") called on element');
|
||||
|
||||
$('<input id="spinner_dis">').spinner().spinner("destroy").remove();
|
||||
ok(true, '.spinner().spinner("destroy") called on disconnected element');
|
||||
|
||||
});
|
||||
|
||||
test("re-attach", function() {
|
||||
expect(2);
|
||||
|
||||
el = $("#spin").spinner().spinner("destroy").spinner();
|
||||
ok(true, '.spinner().spinner("destroy").spinner() called on element');
|
||||
|
||||
$('<input id="spinner_dis">').spinner().spinner("destroy").spinner().remove();
|
||||
ok(true, '.spinner().spinner("destroy").spinner() called on disconnected element');
|
||||
|
||||
});
|
||||
|
||||
test("disable", function() {
|
||||
expect(1);
|
||||
|
||||
$("#spin").spinner().spinner("disable");
|
||||
ok(true, '.spinner("disable") called on element');
|
||||
|
||||
});
|
||||
|
||||
test("enable", function() {
|
||||
expect(1);
|
||||
|
||||
$("#spin").spinner().spinner("disable").spinner("enable");
|
||||
ok(true, '.spinner("enable") called on element');
|
||||
|
||||
});
|
||||
|
||||
test("defaults", function() {
|
||||
expect(7);
|
||||
el = $("#spin").spinner();
|
||||
|
||||
equals(el.data("currency.spinner"), false, "currency");
|
||||
equals(el.data("disabled.spinner"), false, "disabled");
|
||||
equals(el.data("incremental.spinner"), true, "incremental");
|
||||
equals(el.data("max.spinner"), undefined, "max");
|
||||
equals(el.data("min.spinner"), undefined, "min");
|
||||
equals(el.data("start.spinner"), 0, "start");
|
||||
equals(el.data("stepping.spinner"), 1, "stepping");
|
||||
|
||||
});
|
||||
|
||||
test("set defaults on init", function() {
|
||||
expect(7);
|
||||
el = $("#spin").spinner({ currency:"£¤", disabled:true, incremental:false, max:200, min:-100, start:50, stepping:2 });
|
||||
|
||||
equals(el.data("currency.spinner"), "£¤", "currency");
|
||||
equals(el.data("disabled.spinner"), true, "disabled");
|
||||
equals(el.data("incremental.spinner"), false, "incremental");
|
||||
equals(el.data("max.spinner"), 200, "max");
|
||||
equals(el.data("min.spinner"), -100, "min");
|
||||
equals(el.data("start.spinner"), 50, "start");
|
||||
equals(el.data("stepping.spinner"), 2, "stepping");
|
||||
|
||||
});
|
||||
|
||||
test("keydown on input", function() {
|
||||
expect(6);
|
||||
el = $("#spin").spinner();
|
||||
|
||||
equals(el.val(), 0, "start number");
|
||||
|
||||
el.simulate("keydown",{keyCode:$.simulate.VK_UP})
|
||||
.simulate("keyup",{keyCode:$.simulate.VK_UP});
|
||||
|
||||
equals(el.val(), 1, "Up key");
|
||||
|
||||
el.simulate("keydown",{keyCode:$.simulate.VK_RIGHT})
|
||||
.simulate("keyup",{keyCode:$.simulate.VK_RIGHT});
|
||||
|
||||
equals(el.val(), 1, "Right key");
|
||||
|
||||
el.simulate("keydown",{keyCode:$.simulate.VK_HOME})
|
||||
.simulate("keyup",{keyCode:$.simulate.VK_HOME});
|
||||
|
||||
equals(el.val(), 0, "Home key to start");
|
||||
|
||||
el.simulate("keydown",{keyCode:$.simulate.VK_DOWN})
|
||||
.simulate("keyup",{keyCode:$.simulate.VK_DOWN});
|
||||
|
||||
equals(el.val(), -1, "Down Key");
|
||||
|
||||
el.simulate("keydown",{keyCode:$.simulate.VK_LEFT})
|
||||
.simulate("keyup",{keyCode:$.simulate.VK_LEFT});
|
||||
|
||||
equals(el.val(), -1, "Left Key");
|
||||
|
||||
});
|
||||
|
||||
test("keydown on input with options", function() {
|
||||
expect(4);
|
||||
|
||||
el = $("#spin").spinner({ incremental:false, max:200, min:-100, start:50, stepping:10 });
|
||||
|
||||
equals(el.val(), 50, "start number");
|
||||
|
||||
el.simulate("keydown",{keyCode:$.simulate.VK_UP})
|
||||
.simulate("keyup",{keyCode:$.simulate.VK_UP});
|
||||
|
||||
equals(el.val(), 60, "stepping 10 on 50");
|
||||
|
||||
el.simulate("keydown",{keyCode:$.simulate.VK_END})
|
||||
.simulate("keyup",{keyCode:$.simulate.VK_END});
|
||||
|
||||
equals(el.val(), 200, "End key to max");
|
||||
|
||||
el.simulate("keydown",{keyCode:$.simulate.VK_HOME})
|
||||
.simulate("keyup",{keyCode:$.simulate.VK_HOME});
|
||||
|
||||
equals(el.val(), -100, "Home key to min");
|
||||
|
||||
|
||||
});
|
||||
|
||||
test("currency and decimal options", function() {
|
||||
expect(5);
|
||||
|
||||
el = $("#spin").spinner({ currency:"$", incremental:false, max:120, min:-50, stepping:0.3 });
|
||||
|
||||
equals(el.val(), "$0.00", "start number");
|
||||
|
||||
el.simulate("keydown",{keyCode:$.simulate.VK_UP})
|
||||
.simulate("keyup",{keyCode:$.simulate.VK_UP});
|
||||
|
||||
equals(el.val(), "$0.30", "stepping 0.30");
|
||||
|
||||
el.simulate("keydown",{keyCode:$.simulate.VK_END})
|
||||
.simulate("keyup",{keyCode:$.simulate.VK_END});
|
||||
|
||||
equals(el.val(), "$120.00", "End key to max");
|
||||
|
||||
el.simulate("keydown",{keyCode:$.simulate.VK_HOME})
|
||||
.simulate("keyup",{keyCode:$.simulate.VK_HOME});
|
||||
|
||||
equals(el.val(), "-$50.00", "Home key to min");
|
||||
|
||||
for ( var i = 1 ; i<=120 ; i++ ) {
|
||||
el.simulate("keydown",{keyCode:$.simulate.VK_UP});
|
||||
}
|
||||
|
||||
el.simulate("keyup",{keyCode:$.simulate.VK_UP});
|
||||
|
||||
equals(el.val(), "-$14.00", "keydown 120 times");
|
||||
|
||||
});
|
||||
|
||||
test("decimal options", function() {
|
||||
expect(3);
|
||||
|
||||
el = $("#spin").spinner({ currency:false, incremental:false, stepping:0.7 });
|
||||
|
||||
equals(el.val(), "0.0", "start number");
|
||||
|
||||
el.simulate("keydown",{keyCode:$.simulate.VK_DOWN})
|
||||
.simulate("keyup",{keyCode:$.simulate.VK_DOWN});
|
||||
|
||||
equals(el.val(), "-0.7", "stepping 0.7");
|
||||
|
||||
for ( var i = 1 ; i<=11 ; i++ ) {
|
||||
el.simulate("keydown",{keyCode:$.simulate.VK_UP});
|
||||
}
|
||||
|
||||
el.simulate("keyup",{keyCode:$.simulate.VK_UP});
|
||||
|
||||
equals(el.val(), "7.0", "keydown 11 times");
|
||||
|
||||
});
|
||||
|
||||
test("spin without auto-incremental stepping", function() {
|
||||
expect(2);
|
||||
|
||||
el = $("#spin").spinner({ incremental:false });
|
||||
|
||||
for ( var i = 1 ; i<=120 ; i++ ) {
|
||||
el.simulate("keydown",{keyCode:$.simulate.VK_UP});
|
||||
}
|
||||
|
||||
el.simulate("keyup",{keyCode:$.simulate.VK_UP});
|
||||
|
||||
equals(el.val(), 120, "keydown 120 times");
|
||||
|
||||
for ( var i = 1 ; i<=210 ; i++ ) {
|
||||
el.simulate("keydown",{keyCode:$.simulate.VK_DOWN});
|
||||
}
|
||||
|
||||
el.simulate("keyup",{keyCode:$.simulate.VK_DOWN});
|
||||
|
||||
equals(el.val(), -90, "keydown 210 times");
|
||||
|
||||
});
|
||||
|
||||
test("spin with auto-incremental stepping", function() {
|
||||
expect(2);
|
||||
|
||||
el = $("#spin").spinner();
|
||||
|
||||
for ( var i = 1 ; i<=120 ; i++ ) {
|
||||
el.simulate("keydown",{keyCode:$.simulate.VK_UP});
|
||||
}
|
||||
|
||||
el.simulate("keyup",{keyCode:$.simulate.VK_UP});
|
||||
|
||||
equals(el.val(), 300, "keydown 120 times (100+20*10)");
|
||||
|
||||
for ( var i = 1 ; i<=210 ; i++ ) {
|
||||
el.simulate("keydown",{keyCode:$.simulate.VK_DOWN});
|
||||
}
|
||||
|
||||
el.simulate("keyup",{keyCode:$.simulate.VK_DOWN});
|
||||
|
||||
equals(el.val(), -1800, "keydown 210 times (300-100-100*10-10*100)");
|
||||
|
||||
});
|
||||
|
||||
test("mouse click on buttons", function() {
|
||||
expect(4);
|
||||
el = $("#spin").spinner();
|
||||
|
||||
$(".ui-spinner-up").trigger("mousedown").trigger("mouseup");
|
||||
|
||||
equals(el.val(), 1, "mouse click to up");
|
||||
|
||||
$(".ui-spinner-up").trigger("dblclick");
|
||||
|
||||
equals(el.val(), 2, "mouse double click to up");
|
||||
|
||||
$(".ui-spinner-down").trigger("mousedown").trigger("mouseup");
|
||||
|
||||
equals(el.val(), 1, "mouse click to down");
|
||||
|
||||
$(".ui-spinner-down").trigger("dblclick");
|
||||
|
||||
equals(el.val(), 0, "mouse double click to down");
|
||||
|
||||
|
||||
});
|
||||
|
||||
test("callback", function() {
|
||||
expect(4);
|
||||
|
||||
var s = c = d = u = 0;
|
||||
|
||||
el = $("#spin").spinner({
|
||||
spin: function(){
|
||||
s++;
|
||||
},
|
||||
change: function(){
|
||||
c++;
|
||||
},
|
||||
up: function(){
|
||||
u++;
|
||||
},
|
||||
down: function(){
|
||||
d++;
|
||||
}
|
||||
});
|
||||
|
||||
el.simulate("keydown",{keyCode:$.simulate.VK_UP}).simulate("keyup",{keyCode:$.simulate.VK_UP});
|
||||
|
||||
equals(u, 1, "Up 1 time");
|
||||
|
||||
el.simulate("keydown",{keyCode:$.simulate.VK_DOWN}).simulate("keyup",{keyCode:$.simulate.VK_DOWN});
|
||||
|
||||
equals(d, 1, "Down 1 time");
|
||||
|
||||
el.simulate("keydown",{keyCode:$.simulate.VK_UP}).simulate("keyup",{keyCode:$.simulate.VK_UP});
|
||||
|
||||
equals(s, 3, "Spin 3 times");
|
||||
|
||||
el.simulate("keydown",{keyCode:$.simulate.VK_UP}).simulate("keyup",{keyCode:$.simulate.VK_UP});
|
||||
|
||||
equals(c, 4, "Change 4 times");
|
||||
|
||||
});
|
||||
|
||||
test("mouse wheel on input", function() {
|
||||
expect(0);
|
||||
|
||||
|
||||
});
|
||||
|
||||
})(jQuery);
|
||||
/*
|
||||
* spinner unit tests
|
||||
*/
|
||||
(function($) {
|
||||
|
||||
// Spinner Tests
|
||||
module("spinner");
|
||||
|
||||
test("init", function() {
|
||||
expect(2);
|
||||
|
||||
$("#spin").spinner();
|
||||
ok(true, '.spinner() called on element');
|
||||
|
||||
$('<input id="spinner_dis">').spinner().remove();
|
||||
ok(true, '.spinner() called on disconnected element');
|
||||
|
||||
});
|
||||
|
||||
test("destroy", function() {
|
||||
expect(2);
|
||||
|
||||
$("#spin").spinner().spinner("destroy");
|
||||
ok(true, '.spinner("destroy") called on element');
|
||||
|
||||
$('<input id="spinner_dis">').spinner().spinner("destroy").remove();
|
||||
ok(true, '.spinner().spinner("destroy") called on disconnected element');
|
||||
|
||||
});
|
||||
|
||||
test("re-attach", function() {
|
||||
expect(2);
|
||||
|
||||
el = $("#spin").spinner().spinner("destroy").spinner();
|
||||
ok(true, '.spinner().spinner("destroy").spinner() called on element');
|
||||
|
||||
$('<input id="spinner_dis">').spinner().spinner("destroy").spinner().remove();
|
||||
ok(true, '.spinner().spinner("destroy").spinner() called on disconnected element');
|
||||
|
||||
});
|
||||
|
||||
test("disable", function() {
|
||||
expect(1);
|
||||
|
||||
$("#spin").spinner().spinner("disable");
|
||||
ok(true, '.spinner("disable") called on element');
|
||||
|
||||
});
|
||||
|
||||
test("enable", function() {
|
||||
expect(1);
|
||||
|
||||
$("#spin").spinner().spinner("disable").spinner("enable");
|
||||
ok(true, '.spinner("enable") called on element');
|
||||
|
||||
});
|
||||
|
||||
test("defaults", function() {
|
||||
expect(7);
|
||||
el = $("#spin").spinner();
|
||||
|
||||
equals(el.data("currency.spinner"), false, "currency");
|
||||
equals(el.data("disabled.spinner"), false, "disabled");
|
||||
equals(el.data("incremental.spinner"), true, "incremental");
|
||||
equals(el.data("max.spinner"), undefined, "max");
|
||||
equals(el.data("min.spinner"), undefined, "min");
|
||||
equals(el.data("start.spinner"), 0, "start");
|
||||
equals(el.data("stepping.spinner"), 1, "stepping");
|
||||
|
||||
});
|
||||
|
||||
test("set defaults on init", function() {
|
||||
expect(7);
|
||||
el = $("#spin").spinner({ currency:"£¤", disabled:true, incremental:false, max:200, min:-100, start:50, stepping:2 });
|
||||
|
||||
equals(el.data("currency.spinner"), "£¤", "currency");
|
||||
equals(el.data("disabled.spinner"), true, "disabled");
|
||||
equals(el.data("incremental.spinner"), false, "incremental");
|
||||
equals(el.data("max.spinner"), 200, "max");
|
||||
equals(el.data("min.spinner"), -100, "min");
|
||||
equals(el.data("start.spinner"), 50, "start");
|
||||
equals(el.data("stepping.spinner"), 2, "stepping");
|
||||
|
||||
});
|
||||
|
||||
test("keydown on input", function() {
|
||||
expect(6);
|
||||
el = $("#spin").spinner();
|
||||
|
||||
equals(el.val(), 0, "start number");
|
||||
|
||||
el.simulate("keydown",{keyCode:$.simulate.VK_UP})
|
||||
.simulate("keyup",{keyCode:$.simulate.VK_UP});
|
||||
|
||||
equals(el.val(), 1, "Up key");
|
||||
|
||||
el.simulate("keydown",{keyCode:$.simulate.VK_RIGHT})
|
||||
.simulate("keyup",{keyCode:$.simulate.VK_RIGHT});
|
||||
|
||||
equals(el.val(), 1, "Right key");
|
||||
|
||||
el.simulate("keydown",{keyCode:$.simulate.VK_HOME})
|
||||
.simulate("keyup",{keyCode:$.simulate.VK_HOME});
|
||||
|
||||
equals(el.val(), 0, "Home key to start");
|
||||
|
||||
el.simulate("keydown",{keyCode:$.simulate.VK_DOWN})
|
||||
.simulate("keyup",{keyCode:$.simulate.VK_DOWN});
|
||||
|
||||
equals(el.val(), -1, "Down Key");
|
||||
|
||||
el.simulate("keydown",{keyCode:$.simulate.VK_LEFT})
|
||||
.simulate("keyup",{keyCode:$.simulate.VK_LEFT});
|
||||
|
||||
equals(el.val(), -1, "Left Key");
|
||||
|
||||
});
|
||||
|
||||
test("keydown on input with options", function() {
|
||||
expect(4);
|
||||
|
||||
el = $("#spin").spinner({ incremental:false, max:200, min:-100, start:50, stepping:10 });
|
||||
|
||||
equals(el.val(), 50, "start number");
|
||||
|
||||
el.simulate("keydown",{keyCode:$.simulate.VK_UP})
|
||||
.simulate("keyup",{keyCode:$.simulate.VK_UP});
|
||||
|
||||
equals(el.val(), 60, "stepping 10 on 50");
|
||||
|
||||
el.simulate("keydown",{keyCode:$.simulate.VK_END})
|
||||
.simulate("keyup",{keyCode:$.simulate.VK_END});
|
||||
|
||||
equals(el.val(), 200, "End key to max");
|
||||
|
||||
el.simulate("keydown",{keyCode:$.simulate.VK_HOME})
|
||||
.simulate("keyup",{keyCode:$.simulate.VK_HOME});
|
||||
|
||||
equals(el.val(), -100, "Home key to min");
|
||||
|
||||
|
||||
});
|
||||
|
||||
test("currency and decimal options", function() {
|
||||
expect(5);
|
||||
|
||||
el = $("#spin").spinner({ currency:"$", incremental:false, max:120, min:-50, stepping:0.3 });
|
||||
|
||||
equals(el.val(), "$0.00", "start number");
|
||||
|
||||
el.simulate("keydown",{keyCode:$.simulate.VK_UP})
|
||||
.simulate("keyup",{keyCode:$.simulate.VK_UP});
|
||||
|
||||
equals(el.val(), "$0.30", "stepping 0.30");
|
||||
|
||||
el.simulate("keydown",{keyCode:$.simulate.VK_END})
|
||||
.simulate("keyup",{keyCode:$.simulate.VK_END});
|
||||
|
||||
equals(el.val(), "$120.00", "End key to max");
|
||||
|
||||
el.simulate("keydown",{keyCode:$.simulate.VK_HOME})
|
||||
.simulate("keyup",{keyCode:$.simulate.VK_HOME});
|
||||
|
||||
equals(el.val(), "-$50.00", "Home key to min");
|
||||
|
||||
for ( var i = 1 ; i<=120 ; i++ ) {
|
||||
el.simulate("keydown",{keyCode:$.simulate.VK_UP});
|
||||
}
|
||||
|
||||
el.simulate("keyup",{keyCode:$.simulate.VK_UP});
|
||||
|
||||
equals(el.val(), "-$14.00", "keydown 120 times");
|
||||
|
||||
});
|
||||
|
||||
test("decimal options", function() {
|
||||
expect(3);
|
||||
|
||||
el = $("#spin").spinner({ currency:false, incremental:false, stepping:0.7 });
|
||||
|
||||
equals(el.val(), "0.0", "start number");
|
||||
|
||||
el.simulate("keydown",{keyCode:$.simulate.VK_DOWN})
|
||||
.simulate("keyup",{keyCode:$.simulate.VK_DOWN});
|
||||
|
||||
equals(el.val(), "-0.7", "stepping 0.7");
|
||||
|
||||
for ( var i = 1 ; i<=11 ; i++ ) {
|
||||
el.simulate("keydown",{keyCode:$.simulate.VK_UP});
|
||||
}
|
||||
|
||||
el.simulate("keyup",{keyCode:$.simulate.VK_UP});
|
||||
|
||||
equals(el.val(), "7.0", "keydown 11 times");
|
||||
|
||||
});
|
||||
|
||||
test("spin without auto-incremental stepping", function() {
|
||||
expect(2);
|
||||
|
||||
el = $("#spin").spinner({ incremental:false });
|
||||
|
||||
for ( var i = 1 ; i<=120 ; i++ ) {
|
||||
el.simulate("keydown",{keyCode:$.simulate.VK_UP});
|
||||
}
|
||||
|
||||
el.simulate("keyup",{keyCode:$.simulate.VK_UP});
|
||||
|
||||
equals(el.val(), 120, "keydown 120 times");
|
||||
|
||||
for ( var i = 1 ; i<=210 ; i++ ) {
|
||||
el.simulate("keydown",{keyCode:$.simulate.VK_DOWN});
|
||||
}
|
||||
|
||||
el.simulate("keyup",{keyCode:$.simulate.VK_DOWN});
|
||||
|
||||
equals(el.val(), -90, "keydown 210 times");
|
||||
|
||||
});
|
||||
|
||||
test("spin with auto-incremental stepping", function() {
|
||||
expect(2);
|
||||
|
||||
el = $("#spin").spinner();
|
||||
|
||||
for ( var i = 1 ; i<=120 ; i++ ) {
|
||||
el.simulate("keydown",{keyCode:$.simulate.VK_UP});
|
||||
}
|
||||
|
||||
el.simulate("keyup",{keyCode:$.simulate.VK_UP});
|
||||
|
||||
equals(el.val(), 300, "keydown 120 times (100+20*10)");
|
||||
|
||||
for ( var i = 1 ; i<=210 ; i++ ) {
|
||||
el.simulate("keydown",{keyCode:$.simulate.VK_DOWN});
|
||||
}
|
||||
|
||||
el.simulate("keyup",{keyCode:$.simulate.VK_DOWN});
|
||||
|
||||
equals(el.val(), -1800, "keydown 210 times (300-100-100*10-10*100)");
|
||||
|
||||
});
|
||||
|
||||
test("mouse click on buttons", function() {
|
||||
expect(4);
|
||||
el = $("#spin").spinner();
|
||||
|
||||
$(".ui-spinner-up").trigger("mousedown").trigger("mouseup");
|
||||
|
||||
equals(el.val(), 1, "mouse click to up");
|
||||
|
||||
$(".ui-spinner-up").trigger("dblclick");
|
||||
|
||||
equals(el.val(), 2, "mouse double click to up");
|
||||
|
||||
$(".ui-spinner-down").trigger("mousedown").trigger("mouseup");
|
||||
|
||||
equals(el.val(), 1, "mouse click to down");
|
||||
|
||||
$(".ui-spinner-down").trigger("dblclick");
|
||||
|
||||
equals(el.val(), 0, "mouse double click to down");
|
||||
|
||||
|
||||
});
|
||||
|
||||
test("callback", function() {
|
||||
expect(4);
|
||||
|
||||
var s = c = d = u = 0;
|
||||
|
||||
el = $("#spin").spinner({
|
||||
spin: function(){
|
||||
s++;
|
||||
},
|
||||
change: function(){
|
||||
c++;
|
||||
},
|
||||
up: function(){
|
||||
u++;
|
||||
},
|
||||
down: function(){
|
||||
d++;
|
||||
}
|
||||
});
|
||||
|
||||
el.simulate("keydown",{keyCode:$.simulate.VK_UP}).simulate("keyup",{keyCode:$.simulate.VK_UP});
|
||||
|
||||
equals(u, 1, "Up 1 time");
|
||||
|
||||
el.simulate("keydown",{keyCode:$.simulate.VK_DOWN}).simulate("keyup",{keyCode:$.simulate.VK_DOWN});
|
||||
|
||||
equals(d, 1, "Down 1 time");
|
||||
|
||||
el.simulate("keydown",{keyCode:$.simulate.VK_UP}).simulate("keyup",{keyCode:$.simulate.VK_UP});
|
||||
|
||||
equals(s, 3, "Spin 3 times");
|
||||
|
||||
el.simulate("keydown",{keyCode:$.simulate.VK_UP}).simulate("keyup",{keyCode:$.simulate.VK_UP});
|
||||
|
||||
equals(c, 4, "Change 4 times");
|
||||
|
||||
});
|
||||
|
||||
test("mouse wheel on input", function() {
|
||||
expect(0);
|
||||
|
||||
|
||||
});
|
||||
|
||||
})(jQuery);
|
||||
|
||||
@ -1,80 +1,80 @@
|
||||
|
||||
body { margin: 0; padding: 20px; background: black; }
|
||||
ul.plugins { margin: 0; padding: 0; }
|
||||
ul.plugins li { margin: 0 12px 12px 0;
|
||||
list-style-type: none; width: 210px; height: 220px; float: left;
|
||||
color: white; border: 1px solid gray; text-align: center; font-weight: bold; }
|
||||
|
||||
#accordion, #draggable,
|
||||
#resizable, #selectable, #sortable, #tabs {
|
||||
margin: 10px;
|
||||
width: 190px; height: 180px;
|
||||
text-align: center;
|
||||
background: #FF9C08; color: white; font-weight: bold;
|
||||
}
|
||||
#selectable div {
|
||||
width: 45px; height: 45px; float: left; margin: 6px;
|
||||
border: 1px solid white;
|
||||
}
|
||||
#selectable .ui-selecting {
|
||||
background: gray;
|
||||
}
|
||||
#selectable .ui-selected {
|
||||
background: black;
|
||||
}
|
||||
#sortable div {
|
||||
width: 45px; height: 45px; float: left; margin: 6px;
|
||||
border: 1px solid white;
|
||||
}
|
||||
#sortable .ui-sortable-helper {
|
||||
background: black;
|
||||
}
|
||||
|
||||
.draggable { margin: 10px; width: 32px; height: 30px; float: left; background: #FF9C08; }
|
||||
#droppable { margin: 10px; width: 190px; height: 130px; float: left; border: 1px solid #FF9C08; overflow: hidden; }
|
||||
#droppable .draggable { margin: 7px; }
|
||||
|
||||
.ui-dialog { background-color: #FF9C08; }
|
||||
.ui-dialog .ui-dialog-titlebar { background: black; padding: 0px; height: 28px; _height: 29px; }
|
||||
.ui-dialog.ui-draggable .ui-dialog-titlebar { cursor: move; }
|
||||
|
||||
.ui-dialog .ui-dialog-titlebar-close {
|
||||
width: 16px; height: 16px; position: absolute; top: 6px; right: 7px;
|
||||
cursor: default; color: white;
|
||||
}
|
||||
|
||||
.ui-dialog .ui-dialog-titlebar-close-hover { color: #FF9C08; }
|
||||
|
||||
.ui-dialog .ui-dialog-title {
|
||||
margin-left: 5px; color: white; font-weight: bold;
|
||||
position: relative; top: 7px; left: 4px;
|
||||
}
|
||||
|
||||
.ui-dialog .ui-dialog-content {
|
||||
margin: 1.2em;
|
||||
}
|
||||
|
||||
.ui-dialog .ui-dialog-buttonpane {
|
||||
position: absolute;
|
||||
bottom: 8px;
|
||||
right: 12px;
|
||||
width: 100%;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.ui-dialog .ui-dialog-buttonpane button {
|
||||
margin: 6px;
|
||||
}
|
||||
|
||||
/* Dialog handle styles */
|
||||
.ui-dialog .ui-resizable-n { cursor: n-resize; height: 6px; width: 100%; top: 0px; left: 0px; background: gray !important; border: none !important; }
|
||||
.ui-dialog .ui-resizable-s { cursor: s-resize; height: 8px; width: 100%; bottom: 0px; left: 0px; background: gray !important; border: none !important; }
|
||||
.ui-dialog .ui-resizable-e { cursor: e-resize; width: 7px; right: 0px; top: 0px; height: 100%; background: gray !important; border: none !important; }
|
||||
.ui-dialog .ui-resizable-w { cursor: w-resize; width: 7px; left: 0px; top: 0px; height: 100%; background: gray !important; border: none !important; }
|
||||
.ui-dialog .ui-resizable-se { cursor: se-resize; width: 9px; height: 9px; right: 0px; bottom: 0px; background: gray !important; border: none !important; }
|
||||
.ui-dialog .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: 0px; bottom: 0px; background: gray !important; border: none !important; }
|
||||
.ui-dialog .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 29px; left: 0px; top: 0px; background: gray !important; border: none !important; }
|
||||
.ui-dialog .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 29px; right: 0px; top: 0px; background: gray !important; border: none !important; }
|
||||
|
||||
.ui-slider { margin: 10px; background: #FF9C08; height: 15px; position: relative; }
|
||||
.ui-slider-handle { width: 10px; height: 15px; background: white; position: absolute; top: 0px; left: 0px; }
|
||||
|
||||
body { margin: 0; padding: 20px; background: black; }
|
||||
ul.plugins { margin: 0; padding: 0; }
|
||||
ul.plugins li { margin: 0 12px 12px 0;
|
||||
list-style-type: none; width: 210px; height: 220px; float: left;
|
||||
color: white; border: 1px solid gray; text-align: center; font-weight: bold; }
|
||||
|
||||
#accordion, #draggable,
|
||||
#resizable, #selectable, #sortable, #tabs {
|
||||
margin: 10px;
|
||||
width: 190px; height: 180px;
|
||||
text-align: center;
|
||||
background: #FF9C08; color: white; font-weight: bold;
|
||||
}
|
||||
#selectable div {
|
||||
width: 45px; height: 45px; float: left; margin: 6px;
|
||||
border: 1px solid white;
|
||||
}
|
||||
#selectable .ui-selecting {
|
||||
background: gray;
|
||||
}
|
||||
#selectable .ui-selected {
|
||||
background: black;
|
||||
}
|
||||
#sortable div {
|
||||
width: 45px; height: 45px; float: left; margin: 6px;
|
||||
border: 1px solid white;
|
||||
}
|
||||
#sortable .ui-sortable-helper {
|
||||
background: black;
|
||||
}
|
||||
|
||||
.draggable { margin: 10px; width: 32px; height: 30px; float: left; background: #FF9C08; }
|
||||
#droppable { margin: 10px; width: 190px; height: 130px; float: left; border: 1px solid #FF9C08; overflow: hidden; }
|
||||
#droppable .draggable { margin: 7px; }
|
||||
|
||||
.ui-dialog { background-color: #FF9C08; }
|
||||
.ui-dialog .ui-dialog-titlebar { background: black; padding: 0px; height: 28px; _height: 29px; }
|
||||
.ui-dialog.ui-draggable .ui-dialog-titlebar { cursor: move; }
|
||||
|
||||
.ui-dialog .ui-dialog-titlebar-close {
|
||||
width: 16px; height: 16px; position: absolute; top: 6px; right: 7px;
|
||||
cursor: default; color: white;
|
||||
}
|
||||
|
||||
.ui-dialog .ui-dialog-titlebar-close-hover { color: #FF9C08; }
|
||||
|
||||
.ui-dialog .ui-dialog-title {
|
||||
margin-left: 5px; color: white; font-weight: bold;
|
||||
position: relative; top: 7px; left: 4px;
|
||||
}
|
||||
|
||||
.ui-dialog .ui-dialog-content {
|
||||
margin: 1.2em;
|
||||
}
|
||||
|
||||
.ui-dialog .ui-dialog-buttonpane {
|
||||
position: absolute;
|
||||
bottom: 8px;
|
||||
right: 12px;
|
||||
width: 100%;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.ui-dialog .ui-dialog-buttonpane button {
|
||||
margin: 6px;
|
||||
}
|
||||
|
||||
/* Dialog handle styles */
|
||||
.ui-dialog .ui-resizable-n { cursor: n-resize; height: 6px; width: 100%; top: 0px; left: 0px; background: gray !important; border: none !important; }
|
||||
.ui-dialog .ui-resizable-s { cursor: s-resize; height: 8px; width: 100%; bottom: 0px; left: 0px; background: gray !important; border: none !important; }
|
||||
.ui-dialog .ui-resizable-e { cursor: e-resize; width: 7px; right: 0px; top: 0px; height: 100%; background: gray !important; border: none !important; }
|
||||
.ui-dialog .ui-resizable-w { cursor: w-resize; width: 7px; left: 0px; top: 0px; height: 100%; background: gray !important; border: none !important; }
|
||||
.ui-dialog .ui-resizable-se { cursor: se-resize; width: 9px; height: 9px; right: 0px; bottom: 0px; background: gray !important; border: none !important; }
|
||||
.ui-dialog .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: 0px; bottom: 0px; background: gray !important; border: none !important; }
|
||||
.ui-dialog .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 29px; left: 0px; top: 0px; background: gray !important; border: none !important; }
|
||||
.ui-dialog .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 29px; right: 0px; top: 0px; background: gray !important; border: none !important; }
|
||||
|
||||
.ui-slider { margin: 10px; background: #FF9C08; height: 15px; position: relative; }
|
||||
.ui-slider-handle { width: 10px; height: 15px; background: white; position: absolute; top: 0px; left: 0px; }
|
||||
|
||||
@ -1,107 +1,107 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Simple All</title>
|
||||
<link rel="stylesheet" href="all.css" type="text/css" media="screen">
|
||||
<link rel="stylesheet" href="../../themes/ui.datepicker.css" type="text/css" media="screen">
|
||||
<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>
|
||||
<script type="text/javascript" src="../../ui/ui.dialog.js"></script>
|
||||
<script type="text/javascript" src="../../ui/ui.draggable.js"></script>
|
||||
<script type="text/javascript" src="../../ui/ui.droppable.js"></script>
|
||||
<script type="text/javascript" src="../../ui/ui.resizable.js"></script>
|
||||
<script type="text/javascript" src="../../ui/ui.selectable.js"></script>
|
||||
<script type="text/javascript" src="../../ui/ui.slider.js"></script>
|
||||
<script type="text/javascript" src="../../ui/ui.sortable.js"></script>
|
||||
<script type="text/javascript" src="../../ui/ui.tabs.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("#datepicker").datepicker();
|
||||
$("#dialog").click(function() { $("<div/>").dialog(); });
|
||||
$("#draggable").draggable();
|
||||
$(".draggable").draggable();
|
||||
$("#droppable").droppable({
|
||||
accept: '.draggable',
|
||||
drop: function(ev, ui) {
|
||||
ui.draggable.css({ position: 'relative', top: 0, left: 0 }).clone().appendTo(this);
|
||||
}
|
||||
});
|
||||
$("#resizable").resizable();
|
||||
$("#selectable").selectable();
|
||||
$("#slider").slider();
|
||||
$("#sortable").sortable();
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<ul class="plugins">
|
||||
<li>
|
||||
Datepicker
|
||||
<div style="text-align:left;margin-left:10px;">
|
||||
<input type="text" id="datepicker">
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
Dialog
|
||||
<div id="dialog">
|
||||
<button>Open</button>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
Draggable
|
||||
<div id="draggable"></div>
|
||||
</li>
|
||||
<li>
|
||||
Droppable
|
||||
<div class="draggable">D</div>
|
||||
<div class="draggable">R</div>
|
||||
<div class="draggable">A</div>
|
||||
<div class="draggable">G</div>
|
||||
<div id="droppable">
|
||||
DROP
|
||||
<hr>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
Resizable
|
||||
<div id="resizable"></div>
|
||||
</li>
|
||||
<li>
|
||||
Selectable
|
||||
<div id="selectable">
|
||||
<div>1</div>
|
||||
<div>2</div>
|
||||
<div>3</div>
|
||||
<div>4</div>
|
||||
<div>5</div>
|
||||
<div>6</div>
|
||||
<div>7</div>
|
||||
<div>8</div>
|
||||
<div>9</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
Slider
|
||||
<div id="slider"></div>
|
||||
</li>
|
||||
<li>
|
||||
Sortable
|
||||
<div id="sortable">
|
||||
<div>C</div>
|
||||
<div>I</div>
|
||||
<div>G</div>
|
||||
<div>F</div>
|
||||
<div>D</div>
|
||||
<div>H</div>
|
||||
<div>A</div>
|
||||
<div>E</div>
|
||||
<div>B</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Simple All</title>
|
||||
<link rel="stylesheet" href="all.css" type="text/css" media="screen">
|
||||
<link rel="stylesheet" href="../../themes/ui.datepicker.css" type="text/css" media="screen">
|
||||
<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>
|
||||
<script type="text/javascript" src="../../ui/ui.dialog.js"></script>
|
||||
<script type="text/javascript" src="../../ui/ui.draggable.js"></script>
|
||||
<script type="text/javascript" src="../../ui/ui.droppable.js"></script>
|
||||
<script type="text/javascript" src="../../ui/ui.resizable.js"></script>
|
||||
<script type="text/javascript" src="../../ui/ui.selectable.js"></script>
|
||||
<script type="text/javascript" src="../../ui/ui.slider.js"></script>
|
||||
<script type="text/javascript" src="../../ui/ui.sortable.js"></script>
|
||||
<script type="text/javascript" src="../../ui/ui.tabs.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("#datepicker").datepicker();
|
||||
$("#dialog").click(function() { $("<div/>").dialog(); });
|
||||
$("#draggable").draggable();
|
||||
$(".draggable").draggable();
|
||||
$("#droppable").droppable({
|
||||
accept: '.draggable',
|
||||
drop: function(ev, ui) {
|
||||
ui.draggable.css({ position: 'relative', top: 0, left: 0 }).clone().appendTo(this);
|
||||
}
|
||||
});
|
||||
$("#resizable").resizable();
|
||||
$("#selectable").selectable();
|
||||
$("#slider").slider();
|
||||
$("#sortable").sortable();
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<ul class="plugins">
|
||||
<li>
|
||||
Datepicker
|
||||
<div style="text-align:left;margin-left:10px;">
|
||||
<input type="text" id="datepicker">
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
Dialog
|
||||
<div id="dialog">
|
||||
<button>Open</button>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
Draggable
|
||||
<div id="draggable"></div>
|
||||
</li>
|
||||
<li>
|
||||
Droppable
|
||||
<div class="draggable">D</div>
|
||||
<div class="draggable">R</div>
|
||||
<div class="draggable">A</div>
|
||||
<div class="draggable">G</div>
|
||||
<div id="droppable">
|
||||
DROP
|
||||
<hr>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
Resizable
|
||||
<div id="resizable"></div>
|
||||
</li>
|
||||
<li>
|
||||
Selectable
|
||||
<div id="selectable">
|
||||
<div>1</div>
|
||||
<div>2</div>
|
||||
<div>3</div>
|
||||
<div>4</div>
|
||||
<div>5</div>
|
||||
<div>6</div>
|
||||
<div>7</div>
|
||||
<div>8</div>
|
||||
<div>9</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
Slider
|
||||
<div id="slider"></div>
|
||||
</li>
|
||||
<li>
|
||||
Sortable
|
||||
<div id="sortable">
|
||||
<div>C</div>
|
||||
<div>I</div>
|
||||
<div>G</div>
|
||||
<div>F</div>
|
||||
<div>D</div>
|
||||
<div>H</div>
|
||||
<div>A</div>
|
||||
<div>E</div>
|
||||
<div>B</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -1,216 +1,216 @@
|
||||
var months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
|
||||
var emails = [
|
||||
{ name: "Peter Pan", to: "peter@pan.de" },
|
||||
{ name: "Molly", to: "molly@yahoo.com" },
|
||||
{ name: "Forneria Marconi", to: "live@japan.jp" },
|
||||
{ name: "Master <em>Sync</em>", to: "205bw@samsung.com" },
|
||||
{ name: "Dr. <strong>Tech</strong> de Log", to: "g15@logitech.com" },
|
||||
{ name: "Don Corleone", to: "don@vegas.com" },
|
||||
{ name: "Mc Chick", to: "info@donalds.org" },
|
||||
{ name: "Donnie Darko", to: "dd@timeshift.info" },
|
||||
{ name: "Quake The Net", to: "webmaster@quakenet.org" },
|
||||
{ name: "Dr. Write", to: "write@writable.com" }
|
||||
];
|
||||
var cities = [
|
||||
"Aberdeen", "Ada", "Adamsville", "Addyston", "Adelphi", "Adena", "Adrian", "Akron",
|
||||
"Albany", "Alexandria", "Alger", "Alledonia", "Alliance", "Alpha", "Alvada",
|
||||
"Alvordton", "Amanda", "Amelia", "Amesville", "Amherst", "Amlin", "Amsden",
|
||||
"Amsterdam", "Andover", "Anna", "Ansonia", "Antwerp", "Apple Creek", "Arcadia",
|
||||
"Arcanum", "Archbold", "Arlington", "Ashland", "Ashley", "Ashtabula", "Ashville",
|
||||
"Athens", "Attica", "Atwater", "Augusta", "Aurora", "Austinburg", "Ava", "Avon",
|
||||
"Avon Lake", "Bainbridge", "Bakersville", "Baltic", "Baltimore", "Bannock",
|
||||
"Barberton", "Barlow", "Barnesville", "Bartlett", "Barton", "Bascom", "Batavia",
|
||||
"Bath", "Bay Village", "Beach City", "Beachwood", "Beallsville", "Beaver",
|
||||
"Beaverdam", "Bedford", "Bellaire", "Bellbrook", "Belle Center", "Belle Valley",
|
||||
"Bellefontaine", "Bellevue", "Bellville", "Belmont", "Belmore", "Beloit", "Belpre",
|
||||
"Benton Ridge", "Bentonville", "Berea", "Bergholz", "Berkey", "Berlin",
|
||||
"Berlin Center", "Berlin Heights", "Bethel", "Bethesda", "Bettsville", "Beverly",
|
||||
"Bidwell", "Big Prairie", "Birmingham", "Blacklick", "Bladensburg", "Blaine",
|
||||
"Blakeslee", "Blanchester", "Blissfield", "Bloomdale", "Bloomingburg",
|
||||
"Bloomingdale", "Bloomville", "Blue Creek", "Blue Rock", "Bluffton",
|
||||
"Bolivar", "Botkins", "Bourneville", "Bowerston", "Bowersville",
|
||||
"Bowling Green", "Bradford", "Bradner", "Brady Lake", "Brecksville",
|
||||
"Bremen", "Brewster", "Brice", "Bridgeport", "Brilliant", "Brinkhaven",
|
||||
"Bristolville", "Broadview Heights", "Broadway", "Brookfield", "Brookpark",
|
||||
"Brookville", "Brownsville", "Brunswick", "Bryan", "Buchtel", "Buckeye Lake",
|
||||
"Buckland", "Bucyrus", "Buffalo", "Buford", "Burbank", "Burghill", "Burgoon",
|
||||
"Burkettsville", "Burton", "Butler", "Byesville", "Cable", "Cadiz", "Cairo",
|
||||
"Caldwell", "Caledonia", "Cambridge", "Camden", "Cameron", "Camp Dennison",
|
||||
"Campbell", "Canal Fulton", "Canal Winchester", "Canfield", "Canton", "Carbon Hill",
|
||||
"Carbondale", "Cardington", "Carey", "Carroll", "Carrollton", "Casstown",
|
||||
"Castalia", "Catawba", "Cecil", "Cedarville", "Celina", "Centerburg",
|
||||
"Chagrin Falls", "Chandlersville", "Chardon", "Charm", "Chatfield", "Chauncey",
|
||||
"Cherry Fork", "Chesapeake", "Cheshire", "Chester", "Chesterhill", "Chesterland",
|
||||
"Chesterville", "Chickasaw", "Chillicothe", "Chilo", "Chippewa Lake",
|
||||
"Christiansburg", "Cincinnati", "Circleville", "Clarington", "Clarksburg",
|
||||
"Clarksville", "Clay Center", "Clayton", "Cleveland", "Cleves", "Clifton",
|
||||
"Clinton", "Cloverdale", "Clyde", "Coal Run", "Coalton", "Coldwater", "Colerain",
|
||||
"College Corner", "Collins", "Collinsville", "Colton", "Columbia Station",
|
||||
"Columbiana", "Columbus", "Columbus Grove", "Commercial Point", "Conesville",
|
||||
"Conneaut", "Conover", "Continental", "Convoy", "Coolville", "Corning", "Cortland",
|
||||
"Coshocton", "Covington", "Creola", "Crestline", "Creston", "Crooksville",
|
||||
"Croton", "Crown City", "Cuba", "Cumberland", "Curtice", "Custar", "Cutler",
|
||||
"Cuyahoga Falls", "Cygnet", "Cynthiana", "Dalton", "Damascus", "Danville",
|
||||
"Dayton", "De Graff", "Decatur", "Deerfield", "Deersville", "Defiance",
|
||||
"Delaware", "Dellroy", "Delphos", "Delta", "Dennison", "Derby", "Derwent",
|
||||
"Deshler", "Dexter City", "Diamond", "Dillonvale", "Dola", "Donnelsville",
|
||||
"Dorset", "Dover", "Doylestown", "Dresden", "Dublin", "Dunbridge", "Duncan Falls",
|
||||
"Dundee", "Dunkirk", "Dupont", "East Claridon", "East Fultonham",
|
||||
"East Liberty", "East Liverpool", "East Palestine", "East Rochester",
|
||||
"East Sparta", "East Springfield", "Eastlake", "Eaton", "Edgerton", "Edison",
|
||||
"Edon", "Eldorado", "Elgin", "Elkton", "Ellsworth", "Elmore", "Elyria",
|
||||
"Empire", "Englewood", "Enon", "Etna", "Euclid", "Evansport", "Fairborn",
|
||||
"Fairfield", "Fairpoint", "Fairview", "Farmdale", "Farmer", "Farmersville",
|
||||
"Fayette", "Fayetteville", "Feesburg", "Felicity", "Findlay", "Flat Rock",
|
||||
"Fleming", "Fletcher", "Flushing", "Forest", "Fort Jennings", "Fort Loramie",
|
||||
"Fort Recovery", "Fostoria", "Fowler", "Frankfort", "Franklin",
|
||||
"Franklin Furnace", "Frazeysburg", "Fredericksburg", "Fredericktown",
|
||||
"Freeport", "Fremont", "Fresno", "Friendship", "Fulton", "Fultonham",
|
||||
"Galena", "Galion", "Gallipolis", "Galloway", "Gambier", "Garrettsville",
|
||||
"Gates Mills", "Geneva", "Genoa", "Georgetown", "Germantown", "Gettysburg",
|
||||
"Gibsonburg", "Girard", "Glandorf", "Glencoe", "Glenford", "Glenmont",
|
||||
"Glouster", "Gnadenhutten", "Gomer", "Goshen", "Grafton", "Grand Rapids",
|
||||
"Grand River", "Granville", "Gratiot", "Gratis", "Graysville", "Graytown",
|
||||
"Green", "Green Camp", "Green Springs", "Greenfield", "Greenford",
|
||||
"Greentown", "Greenville", "Greenwich", "Grelton", "Grove City",
|
||||
"Groveport", "Grover Hill", "Guysville", "Gypsum", "Hallsville",
|
||||
"Hamden", "Hamersville", "Hamilton", "Hamler", "Hammondsville",
|
||||
"Hannibal", "Hanoverton", "Harbor View", "Harlem Springs", "Harpster",
|
||||
"Harrisburg", "Harrison", "Harrisville", "Harrod", "Hartford", "Hartville",
|
||||
"Harveysburg", "Haskins", "Haverhill", "Haviland", "Haydenville", "Hayesville",
|
||||
"Heath", "Hebron", "Helena", "Hicksville", "Higginsport", "Highland", "Hilliard",
|
||||
"Hillsboro", "Hinckley", "Hiram", "Hockingport", "Holgate", "Holland",
|
||||
"Hollansburg", "Holloway", "Holmesville", "Homer", "Homerville", "Homeworth",
|
||||
"Hooven", "Hopedale", "Hopewell", "Houston", "Howard", "Hoytville", "Hubbard",
|
||||
"Hudson", "Huntsburg", "Huntsville", "Huron", "Iberia", "Independence",
|
||||
"Irondale", "Ironton", "Irwin", "Isle Saint George", "Jackson", "Jackson Center",
|
||||
"Jacksontown", "Jacksonville", "Jacobsburg", "Jamestown", "Jasper",
|
||||
"Jefferson", "Jeffersonville", "Jenera", "Jeromesville", "Jerry City",
|
||||
"Jerusalem", "Jewell", "Jewett", "Johnstown", "Junction City", "Kalida",
|
||||
"Kansas", "Keene", "Kelleys Island", "Kensington", "Kent", "Kenton",
|
||||
"Kerr", "Kettlersville", "Kidron", "Kilbourne", "Killbuck", "Kimbolton",
|
||||
"Kings Mills", "Kingston", "Kingsville", "Kinsman", "Kipling", "Kipton",
|
||||
"Kirby", "Kirkersville", "Kitts Hill", "Kunkle", "La Rue", "Lacarne",
|
||||
"Lafayette", "Lafferty", "Lagrange", "Laings", "Lake Milton", "Lakemore",
|
||||
"Lakeside Marblehead", "Lakeview", "Lakeville", "Lakewood", "Lancaster",
|
||||
"Langsville", "Lansing", "Latham", "Latty", "Laura", "Laurelville",
|
||||
"Leavittsburg", "Lebanon", "Lees Creek", "Leesburg", "Leesville",
|
||||
"Leetonia", "Leipsic", "Lemoyne", "Lewis Center", "Lewisburg",
|
||||
"Lewistown", "Lewisville", "Liberty Center", "Lima", "Limaville",
|
||||
"Lindsey", "Lisbon", "Litchfield", "Lithopolis", "Little Hocking",
|
||||
"Lockbourne", "Lodi", "Logan", "London", "Londonderry",
|
||||
"Long Bottom", "Lorain", "Lore City", "Loudonville", "Louisville",
|
||||
"Loveland", "Lowell", "Lowellville", "Lower Salem", "Lucas",
|
||||
"Lucasville", "Luckey", "Ludlow Falls", "Lynchburg", "Lynx",
|
||||
"Lyons", "Macedonia", "Macksburg", "Madison", "Magnetic Springs",
|
||||
"Magnolia", "Maineville", "Malaga", "Malinta", "Malta", "Malvern",
|
||||
"Manchester", "Mansfield", "Mantua", "Maple Heights", "Maplewood",
|
||||
"Marathon", "Marengo", "Maria Stein", "Marietta", "Marion",
|
||||
"Mark Center", "Marshallville", "Martel", "Martin", "Martins Ferry",
|
||||
"Martinsburg", "Martinsville", "Marysville", "Mason", "Massillon",
|
||||
"Masury", "Maumee", "Maximo", "Maynard", "Mc Arthur", "Mc Clure",
|
||||
"Mc Comb", "Mc Connelsville", "Mc Cutchenville", "Mc Dermott",
|
||||
"Mc Donald", "Mc Guffey", "Mechanicsburg", "Mechanicstown",
|
||||
"Medina", "Medway", "Melmore", "Melrose", "Mendon", "Mentor",
|
||||
"Mesopotamia", "Metamora", "Miamisburg", "Miamitown", "Miamiville",
|
||||
"Middle Bass", "Middle Point", "Middlebranch", "Middleburg",
|
||||
"Middlefield", "Middleport", "Middletown", "Midland", "Midvale",
|
||||
"Milan", "Milford", "Milford Center", "Millbury", "Milledgeville",
|
||||
"Miller City", "Millersburg", "Millersport", "Millfield",
|
||||
"Milton Center", "Mineral City", "Mineral Ridge", "Minerva",
|
||||
"Minford", "Mingo", "Mingo Junction", "Minster", "Mogadore",
|
||||
"Monclova", "Monroe", "Monroeville", "Montezuma", "Montpelier",
|
||||
"Montville", "Morral", "Morristown", "Morrow", "Moscow",
|
||||
"Mount Blanchard", "Mount Cory", "Mount Eaton", "Mount Gilead",
|
||||
"Mount Hope", "Mount Liberty", "Mount Orab", "Mount Perry",
|
||||
"Mount Pleasant", "Mount Saint Joseph", "Mount Sterling",
|
||||
"Mount Vernon", "Mount Victory", "Mowrystown", "Moxahala",
|
||||
"Munroe Falls", "Murray City", "Nankin", "Napoleon", "Nashport",
|
||||
"Nashville", "Navarre", "Neapolis", "Neffs", "Negley",
|
||||
"Nelsonville", "Nevada", "Neville", "New Albany", "New Athens",
|
||||
"New Bavaria", "New Bloomington", "New Bremen", "New Carlisle",
|
||||
"New Concord", "New Hampshire", "New Haven", "New Holland",
|
||||
"New Knoxville", "New Lebanon", "New Lexington", "New London",
|
||||
"New Madison", "New Marshfield", "New Matamoras", "New Middletown",
|
||||
"New Paris", "New Philadelphia", "New Plymouth", "New Richmond",
|
||||
"New Riegel", "New Rumley", "New Springfield", "New Straitsville",
|
||||
"New Vienna", "New Washington", "New Waterford", "New Weston",
|
||||
"Newark", "Newbury", "Newcomerstown", "Newport", "Newton Falls",
|
||||
"Newtonsville", "Ney", "Niles", "North Baltimore", "North Bend",
|
||||
"North Benton", "North Bloomfield", "North Fairfield",
|
||||
"North Georgetown", "North Hampton", "North Jackson",
|
||||
"North Kingsville", "North Lawrence", "North Lewisburg",
|
||||
"North Lima", "North Olmsted", "North Ridgeville", "North Robinson",
|
||||
"North Royalton", "North Star", "Northfield", "Northwood", "Norwalk",
|
||||
"Norwich", "Nova", "Novelty", "Oak Harbor", "Oak Hill", "Oakwood",
|
||||
"Oberlin", "Oceola", "Ohio City", "Okeana", "Okolona", "Old Fort",
|
||||
"Old Washington", "Olmsted Falls", "Ontario", "Orangeville",
|
||||
"Oregon", "Oregonia", "Orient", "Orrville", "Orwell", "Osgood",
|
||||
"Ostrander", "Ottawa", "Ottoville", "Otway", "Overpeck",
|
||||
"Owensville", "Oxford", "Painesville", "Palestine", "Pandora",
|
||||
"Paris", "Parkman", "Pataskala", "Patriot", "Paulding", "Payne",
|
||||
"Pedro", "Peebles", "Pemberton", "Pemberville", "Peninsula",
|
||||
"Perry", "Perrysburg", "Perrysville", "Petersburg", "Pettisville",
|
||||
"Phillipsburg", "Philo", "Pickerington", "Piedmont", "Pierpont",
|
||||
"Piketon", "Piney Fork", "Pioneer", "Piqua", "Pitsburg",
|
||||
"Plain City", "Plainfield", "Pleasant City", "Pleasant Hill",
|
||||
"Pleasant Plain", "Pleasantville", "Plymouth", "Polk",
|
||||
"Pomeroy", "Port Clinton", "Port Jefferson", "Port Washington",
|
||||
"Port William", "Portage", "Portland", "Portsmouth", "Potsdam",
|
||||
"Powell", "Powhatan Point", "Proctorville", "Prospect", "Put in Bay",
|
||||
"Quaker City", "Quincy", "Racine", "Radnor", "Randolph", "Rarden",
|
||||
"Ravenna", "Rawson", "Ray", "Rayland", "Raymond", "Reedsville",
|
||||
"Reesville", "Reno", "Republic", "Reynoldsburg", "Richfield",
|
||||
"Richmond", "Richmond Dale", "Richwood", "Ridgeville Corners",
|
||||
"Ridgeway", "Rio Grande", "Ripley", "Risingsun", "Rittman",
|
||||
"Robertsville", "Rock Camp", "Rock Creek", "Rockbridge", "Rockford",
|
||||
"Rocky Ridge", "Rocky River", "Rogers", "Rome", "Rootstown", "Roseville",
|
||||
"Rosewood", "Ross", "Rossburg", "Rossford", "Roundhead", "Rudolph",
|
||||
"Rushsylvania", "Rushville", "Russells Point", "Russellville", "Russia",
|
||||
"Rutland", "Sabina", "Saint Clairsville", "Saint Henry", "Saint Johns",
|
||||
"Saint Louisville", "Saint Marys", "Saint Paris", "Salem", "Salesville",
|
||||
"Salineville", "Sandusky", "Sandyville", "Sarahsville", "Sardinia",
|
||||
"Sardis", "Savannah", "Scio", "Scioto Furnace", "Scott", "Scottown",
|
||||
"Seaman", "Sebring", "Sedalia", "Senecaville", "Seven Mile", "Seville",
|
||||
"Shade", "Shadyside", "Shandon", "Sharon Center", "Sharpsburg",
|
||||
"Shauck", "Shawnee", "Sheffield Lake", "Shelby", "Sherrodsville",
|
||||
"Sherwood", "Shiloh", "Short Creek", "Shreve", "Sidney", "Sinking Spring",
|
||||
"Smithfield", "Smithville", "Solon", "Somerdale", "Somerset",
|
||||
"Somerville", "South Bloomingville", "South Charleston", "South Lebanon",
|
||||
"South Point", "South Salem", "South Solon", "South Vienna",
|
||||
"South Webster", "Southington", "Sparta", "Spencer", "Spencerville",
|
||||
"Spring Valley", "Springboro", "Springfield", "Stafford", "Sterling",
|
||||
"Steubenville", "Stewart", "Stillwater", "Stockdale", "Stockport",
|
||||
"Stone Creek", "Stony Ridge", "Stout", "Stoutsville", "Stow", "Strasburg",
|
||||
"Stratton", "Streetsboro", "Strongsville", "Struthers", "Stryker",
|
||||
"Sugar Grove", "Sugarcreek", "Sullivan", "Sulphur Springs", "Summerfield",
|
||||
"Summit Station", "Summitville", "Sunbury", "Swanton", "Sycamore",
|
||||
"Sycamore Valley", "Sylvania", "Syracuse", "Tallmadge", "Tarlton",
|
||||
"Terrace Park", "The Plains", "Thompson", "Thornville", "Thurman",
|
||||
"Thurston", "Tiffin", "Tiltonsville", "Tipp City", "Tippecanoe", "Tiro",
|
||||
"Toledo", "Tontogany", "Torch", "Toronto", "Tremont City", "Trenton",
|
||||
"Trimble", "Trinway", "Troy", "Tuppers Plains", "Tuscarawas", "Twinsburg",
|
||||
"Uhrichsville", "Union City", "Union Furnace", "Unionport", "Uniontown",
|
||||
"Unionville", "Unionville Center", "Uniopolis", "Upper Sandusky", "Urbana",
|
||||
"Utica", "Valley City", "Van Buren", "Van Wert", "Vandalia", "Vanlue",
|
||||
"Vaughnsville", "Venedocia", "Vermilion", "Verona", "Versailles",
|
||||
"Vickery", "Vienna", "Vincent", "Vinton", "Wadsworth", "Wakefield",
|
||||
"Wakeman", "Walbridge", "Waldo", "Walhonding", "Walnut Creek", "Wapakoneta",
|
||||
"Warnock", "Warren", "Warsaw", "Washington Court House",
|
||||
"Washingtonville", "Waterford", "Waterloo", "Watertown", "Waterville",
|
||||
"Wauseon", "Waverly", "Wayland", "Wayne", "Waynesburg", "Waynesfield",
|
||||
"Waynesville", "Wellington", "Wellston", "Wellsville", "West Alexandria",
|
||||
"West Chester", "West Elkton", "West Farmington", "West Jefferson",
|
||||
"West Lafayette", "West Liberty", "West Manchester", "West Mansfield",
|
||||
"West Millgrove", "West Milton", "West Point", "West Portsmouth",
|
||||
"West Rushville", "West Salem", "West Union", "West Unity", "Westerville",
|
||||
"Westfield Center", "Westlake", "Weston", "Westville", "Wharton",
|
||||
"Wheelersburg", "Whipple", "White Cottage", "Whitehouse", "Wickliffe",
|
||||
"Wilberforce", "Wilkesville", "Willard", "Williamsburg", "Williamsfield",
|
||||
"Williamsport", "Williamstown", "Williston", "Willoughby", "Willow Wood",
|
||||
"Willshire", "Wilmington", "Wilmot", "Winchester", "Windham", "Windsor",
|
||||
"Winesburg", "Wingett Run", "Winona", "Wolf Run", "Woodsfield",
|
||||
"Woodstock", "Woodville", "Wooster", "Wren", "Xenia", "Yellow Springs",
|
||||
"Yorkshire", "Yorkville", "Youngstown", "Zaleski", "Zanesfield", "Zanesville",
|
||||
"Zoar"
|
||||
var months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
|
||||
var emails = [
|
||||
{ name: "Peter Pan", to: "peter@pan.de" },
|
||||
{ name: "Molly", to: "molly@yahoo.com" },
|
||||
{ name: "Forneria Marconi", to: "live@japan.jp" },
|
||||
{ name: "Master <em>Sync</em>", to: "205bw@samsung.com" },
|
||||
{ name: "Dr. <strong>Tech</strong> de Log", to: "g15@logitech.com" },
|
||||
{ name: "Don Corleone", to: "don@vegas.com" },
|
||||
{ name: "Mc Chick", to: "info@donalds.org" },
|
||||
{ name: "Donnie Darko", to: "dd@timeshift.info" },
|
||||
{ name: "Quake The Net", to: "webmaster@quakenet.org" },
|
||||
{ name: "Dr. Write", to: "write@writable.com" }
|
||||
];
|
||||
var cities = [
|
||||
"Aberdeen", "Ada", "Adamsville", "Addyston", "Adelphi", "Adena", "Adrian", "Akron",
|
||||
"Albany", "Alexandria", "Alger", "Alledonia", "Alliance", "Alpha", "Alvada",
|
||||
"Alvordton", "Amanda", "Amelia", "Amesville", "Amherst", "Amlin", "Amsden",
|
||||
"Amsterdam", "Andover", "Anna", "Ansonia", "Antwerp", "Apple Creek", "Arcadia",
|
||||
"Arcanum", "Archbold", "Arlington", "Ashland", "Ashley", "Ashtabula", "Ashville",
|
||||
"Athens", "Attica", "Atwater", "Augusta", "Aurora", "Austinburg", "Ava", "Avon",
|
||||
"Avon Lake", "Bainbridge", "Bakersville", "Baltic", "Baltimore", "Bannock",
|
||||
"Barberton", "Barlow", "Barnesville", "Bartlett", "Barton", "Bascom", "Batavia",
|
||||
"Bath", "Bay Village", "Beach City", "Beachwood", "Beallsville", "Beaver",
|
||||
"Beaverdam", "Bedford", "Bellaire", "Bellbrook", "Belle Center", "Belle Valley",
|
||||
"Bellefontaine", "Bellevue", "Bellville", "Belmont", "Belmore", "Beloit", "Belpre",
|
||||
"Benton Ridge", "Bentonville", "Berea", "Bergholz", "Berkey", "Berlin",
|
||||
"Berlin Center", "Berlin Heights", "Bethel", "Bethesda", "Bettsville", "Beverly",
|
||||
"Bidwell", "Big Prairie", "Birmingham", "Blacklick", "Bladensburg", "Blaine",
|
||||
"Blakeslee", "Blanchester", "Blissfield", "Bloomdale", "Bloomingburg",
|
||||
"Bloomingdale", "Bloomville", "Blue Creek", "Blue Rock", "Bluffton",
|
||||
"Bolivar", "Botkins", "Bourneville", "Bowerston", "Bowersville",
|
||||
"Bowling Green", "Bradford", "Bradner", "Brady Lake", "Brecksville",
|
||||
"Bremen", "Brewster", "Brice", "Bridgeport", "Brilliant", "Brinkhaven",
|
||||
"Bristolville", "Broadview Heights", "Broadway", "Brookfield", "Brookpark",
|
||||
"Brookville", "Brownsville", "Brunswick", "Bryan", "Buchtel", "Buckeye Lake",
|
||||
"Buckland", "Bucyrus", "Buffalo", "Buford", "Burbank", "Burghill", "Burgoon",
|
||||
"Burkettsville", "Burton", "Butler", "Byesville", "Cable", "Cadiz", "Cairo",
|
||||
"Caldwell", "Caledonia", "Cambridge", "Camden", "Cameron", "Camp Dennison",
|
||||
"Campbell", "Canal Fulton", "Canal Winchester", "Canfield", "Canton", "Carbon Hill",
|
||||
"Carbondale", "Cardington", "Carey", "Carroll", "Carrollton", "Casstown",
|
||||
"Castalia", "Catawba", "Cecil", "Cedarville", "Celina", "Centerburg",
|
||||
"Chagrin Falls", "Chandlersville", "Chardon", "Charm", "Chatfield", "Chauncey",
|
||||
"Cherry Fork", "Chesapeake", "Cheshire", "Chester", "Chesterhill", "Chesterland",
|
||||
"Chesterville", "Chickasaw", "Chillicothe", "Chilo", "Chippewa Lake",
|
||||
"Christiansburg", "Cincinnati", "Circleville", "Clarington", "Clarksburg",
|
||||
"Clarksville", "Clay Center", "Clayton", "Cleveland", "Cleves", "Clifton",
|
||||
"Clinton", "Cloverdale", "Clyde", "Coal Run", "Coalton", "Coldwater", "Colerain",
|
||||
"College Corner", "Collins", "Collinsville", "Colton", "Columbia Station",
|
||||
"Columbiana", "Columbus", "Columbus Grove", "Commercial Point", "Conesville",
|
||||
"Conneaut", "Conover", "Continental", "Convoy", "Coolville", "Corning", "Cortland",
|
||||
"Coshocton", "Covington", "Creola", "Crestline", "Creston", "Crooksville",
|
||||
"Croton", "Crown City", "Cuba", "Cumberland", "Curtice", "Custar", "Cutler",
|
||||
"Cuyahoga Falls", "Cygnet", "Cynthiana", "Dalton", "Damascus", "Danville",
|
||||
"Dayton", "De Graff", "Decatur", "Deerfield", "Deersville", "Defiance",
|
||||
"Delaware", "Dellroy", "Delphos", "Delta", "Dennison", "Derby", "Derwent",
|
||||
"Deshler", "Dexter City", "Diamond", "Dillonvale", "Dola", "Donnelsville",
|
||||
"Dorset", "Dover", "Doylestown", "Dresden", "Dublin", "Dunbridge", "Duncan Falls",
|
||||
"Dundee", "Dunkirk", "Dupont", "East Claridon", "East Fultonham",
|
||||
"East Liberty", "East Liverpool", "East Palestine", "East Rochester",
|
||||
"East Sparta", "East Springfield", "Eastlake", "Eaton", "Edgerton", "Edison",
|
||||
"Edon", "Eldorado", "Elgin", "Elkton", "Ellsworth", "Elmore", "Elyria",
|
||||
"Empire", "Englewood", "Enon", "Etna", "Euclid", "Evansport", "Fairborn",
|
||||
"Fairfield", "Fairpoint", "Fairview", "Farmdale", "Farmer", "Farmersville",
|
||||
"Fayette", "Fayetteville", "Feesburg", "Felicity", "Findlay", "Flat Rock",
|
||||
"Fleming", "Fletcher", "Flushing", "Forest", "Fort Jennings", "Fort Loramie",
|
||||
"Fort Recovery", "Fostoria", "Fowler", "Frankfort", "Franklin",
|
||||
"Franklin Furnace", "Frazeysburg", "Fredericksburg", "Fredericktown",
|
||||
"Freeport", "Fremont", "Fresno", "Friendship", "Fulton", "Fultonham",
|
||||
"Galena", "Galion", "Gallipolis", "Galloway", "Gambier", "Garrettsville",
|
||||
"Gates Mills", "Geneva", "Genoa", "Georgetown", "Germantown", "Gettysburg",
|
||||
"Gibsonburg", "Girard", "Glandorf", "Glencoe", "Glenford", "Glenmont",
|
||||
"Glouster", "Gnadenhutten", "Gomer", "Goshen", "Grafton", "Grand Rapids",
|
||||
"Grand River", "Granville", "Gratiot", "Gratis", "Graysville", "Graytown",
|
||||
"Green", "Green Camp", "Green Springs", "Greenfield", "Greenford",
|
||||
"Greentown", "Greenville", "Greenwich", "Grelton", "Grove City",
|
||||
"Groveport", "Grover Hill", "Guysville", "Gypsum", "Hallsville",
|
||||
"Hamden", "Hamersville", "Hamilton", "Hamler", "Hammondsville",
|
||||
"Hannibal", "Hanoverton", "Harbor View", "Harlem Springs", "Harpster",
|
||||
"Harrisburg", "Harrison", "Harrisville", "Harrod", "Hartford", "Hartville",
|
||||
"Harveysburg", "Haskins", "Haverhill", "Haviland", "Haydenville", "Hayesville",
|
||||
"Heath", "Hebron", "Helena", "Hicksville", "Higginsport", "Highland", "Hilliard",
|
||||
"Hillsboro", "Hinckley", "Hiram", "Hockingport", "Holgate", "Holland",
|
||||
"Hollansburg", "Holloway", "Holmesville", "Homer", "Homerville", "Homeworth",
|
||||
"Hooven", "Hopedale", "Hopewell", "Houston", "Howard", "Hoytville", "Hubbard",
|
||||
"Hudson", "Huntsburg", "Huntsville", "Huron", "Iberia", "Independence",
|
||||
"Irondale", "Ironton", "Irwin", "Isle Saint George", "Jackson", "Jackson Center",
|
||||
"Jacksontown", "Jacksonville", "Jacobsburg", "Jamestown", "Jasper",
|
||||
"Jefferson", "Jeffersonville", "Jenera", "Jeromesville", "Jerry City",
|
||||
"Jerusalem", "Jewell", "Jewett", "Johnstown", "Junction City", "Kalida",
|
||||
"Kansas", "Keene", "Kelleys Island", "Kensington", "Kent", "Kenton",
|
||||
"Kerr", "Kettlersville", "Kidron", "Kilbourne", "Killbuck", "Kimbolton",
|
||||
"Kings Mills", "Kingston", "Kingsville", "Kinsman", "Kipling", "Kipton",
|
||||
"Kirby", "Kirkersville", "Kitts Hill", "Kunkle", "La Rue", "Lacarne",
|
||||
"Lafayette", "Lafferty", "Lagrange", "Laings", "Lake Milton", "Lakemore",
|
||||
"Lakeside Marblehead", "Lakeview", "Lakeville", "Lakewood", "Lancaster",
|
||||
"Langsville", "Lansing", "Latham", "Latty", "Laura", "Laurelville",
|
||||
"Leavittsburg", "Lebanon", "Lees Creek", "Leesburg", "Leesville",
|
||||
"Leetonia", "Leipsic", "Lemoyne", "Lewis Center", "Lewisburg",
|
||||
"Lewistown", "Lewisville", "Liberty Center", "Lima", "Limaville",
|
||||
"Lindsey", "Lisbon", "Litchfield", "Lithopolis", "Little Hocking",
|
||||
"Lockbourne", "Lodi", "Logan", "London", "Londonderry",
|
||||
"Long Bottom", "Lorain", "Lore City", "Loudonville", "Louisville",
|
||||
"Loveland", "Lowell", "Lowellville", "Lower Salem", "Lucas",
|
||||
"Lucasville", "Luckey", "Ludlow Falls", "Lynchburg", "Lynx",
|
||||
"Lyons", "Macedonia", "Macksburg", "Madison", "Magnetic Springs",
|
||||
"Magnolia", "Maineville", "Malaga", "Malinta", "Malta", "Malvern",
|
||||
"Manchester", "Mansfield", "Mantua", "Maple Heights", "Maplewood",
|
||||
"Marathon", "Marengo", "Maria Stein", "Marietta", "Marion",
|
||||
"Mark Center", "Marshallville", "Martel", "Martin", "Martins Ferry",
|
||||
"Martinsburg", "Martinsville", "Marysville", "Mason", "Massillon",
|
||||
"Masury", "Maumee", "Maximo", "Maynard", "Mc Arthur", "Mc Clure",
|
||||
"Mc Comb", "Mc Connelsville", "Mc Cutchenville", "Mc Dermott",
|
||||
"Mc Donald", "Mc Guffey", "Mechanicsburg", "Mechanicstown",
|
||||
"Medina", "Medway", "Melmore", "Melrose", "Mendon", "Mentor",
|
||||
"Mesopotamia", "Metamora", "Miamisburg", "Miamitown", "Miamiville",
|
||||
"Middle Bass", "Middle Point", "Middlebranch", "Middleburg",
|
||||
"Middlefield", "Middleport", "Middletown", "Midland", "Midvale",
|
||||
"Milan", "Milford", "Milford Center", "Millbury", "Milledgeville",
|
||||
"Miller City", "Millersburg", "Millersport", "Millfield",
|
||||
"Milton Center", "Mineral City", "Mineral Ridge", "Minerva",
|
||||
"Minford", "Mingo", "Mingo Junction", "Minster", "Mogadore",
|
||||
"Monclova", "Monroe", "Monroeville", "Montezuma", "Montpelier",
|
||||
"Montville", "Morral", "Morristown", "Morrow", "Moscow",
|
||||
"Mount Blanchard", "Mount Cory", "Mount Eaton", "Mount Gilead",
|
||||
"Mount Hope", "Mount Liberty", "Mount Orab", "Mount Perry",
|
||||
"Mount Pleasant", "Mount Saint Joseph", "Mount Sterling",
|
||||
"Mount Vernon", "Mount Victory", "Mowrystown", "Moxahala",
|
||||
"Munroe Falls", "Murray City", "Nankin", "Napoleon", "Nashport",
|
||||
"Nashville", "Navarre", "Neapolis", "Neffs", "Negley",
|
||||
"Nelsonville", "Nevada", "Neville", "New Albany", "New Athens",
|
||||
"New Bavaria", "New Bloomington", "New Bremen", "New Carlisle",
|
||||
"New Concord", "New Hampshire", "New Haven", "New Holland",
|
||||
"New Knoxville", "New Lebanon", "New Lexington", "New London",
|
||||
"New Madison", "New Marshfield", "New Matamoras", "New Middletown",
|
||||
"New Paris", "New Philadelphia", "New Plymouth", "New Richmond",
|
||||
"New Riegel", "New Rumley", "New Springfield", "New Straitsville",
|
||||
"New Vienna", "New Washington", "New Waterford", "New Weston",
|
||||
"Newark", "Newbury", "Newcomerstown", "Newport", "Newton Falls",
|
||||
"Newtonsville", "Ney", "Niles", "North Baltimore", "North Bend",
|
||||
"North Benton", "North Bloomfield", "North Fairfield",
|
||||
"North Georgetown", "North Hampton", "North Jackson",
|
||||
"North Kingsville", "North Lawrence", "North Lewisburg",
|
||||
"North Lima", "North Olmsted", "North Ridgeville", "North Robinson",
|
||||
"North Royalton", "North Star", "Northfield", "Northwood", "Norwalk",
|
||||
"Norwich", "Nova", "Novelty", "Oak Harbor", "Oak Hill", "Oakwood",
|
||||
"Oberlin", "Oceola", "Ohio City", "Okeana", "Okolona", "Old Fort",
|
||||
"Old Washington", "Olmsted Falls", "Ontario", "Orangeville",
|
||||
"Oregon", "Oregonia", "Orient", "Orrville", "Orwell", "Osgood",
|
||||
"Ostrander", "Ottawa", "Ottoville", "Otway", "Overpeck",
|
||||
"Owensville", "Oxford", "Painesville", "Palestine", "Pandora",
|
||||
"Paris", "Parkman", "Pataskala", "Patriot", "Paulding", "Payne",
|
||||
"Pedro", "Peebles", "Pemberton", "Pemberville", "Peninsula",
|
||||
"Perry", "Perrysburg", "Perrysville", "Petersburg", "Pettisville",
|
||||
"Phillipsburg", "Philo", "Pickerington", "Piedmont", "Pierpont",
|
||||
"Piketon", "Piney Fork", "Pioneer", "Piqua", "Pitsburg",
|
||||
"Plain City", "Plainfield", "Pleasant City", "Pleasant Hill",
|
||||
"Pleasant Plain", "Pleasantville", "Plymouth", "Polk",
|
||||
"Pomeroy", "Port Clinton", "Port Jefferson", "Port Washington",
|
||||
"Port William", "Portage", "Portland", "Portsmouth", "Potsdam",
|
||||
"Powell", "Powhatan Point", "Proctorville", "Prospect", "Put in Bay",
|
||||
"Quaker City", "Quincy", "Racine", "Radnor", "Randolph", "Rarden",
|
||||
"Ravenna", "Rawson", "Ray", "Rayland", "Raymond", "Reedsville",
|
||||
"Reesville", "Reno", "Republic", "Reynoldsburg", "Richfield",
|
||||
"Richmond", "Richmond Dale", "Richwood", "Ridgeville Corners",
|
||||
"Ridgeway", "Rio Grande", "Ripley", "Risingsun", "Rittman",
|
||||
"Robertsville", "Rock Camp", "Rock Creek", "Rockbridge", "Rockford",
|
||||
"Rocky Ridge", "Rocky River", "Rogers", "Rome", "Rootstown", "Roseville",
|
||||
"Rosewood", "Ross", "Rossburg", "Rossford", "Roundhead", "Rudolph",
|
||||
"Rushsylvania", "Rushville", "Russells Point", "Russellville", "Russia",
|
||||
"Rutland", "Sabina", "Saint Clairsville", "Saint Henry", "Saint Johns",
|
||||
"Saint Louisville", "Saint Marys", "Saint Paris", "Salem", "Salesville",
|
||||
"Salineville", "Sandusky", "Sandyville", "Sarahsville", "Sardinia",
|
||||
"Sardis", "Savannah", "Scio", "Scioto Furnace", "Scott", "Scottown",
|
||||
"Seaman", "Sebring", "Sedalia", "Senecaville", "Seven Mile", "Seville",
|
||||
"Shade", "Shadyside", "Shandon", "Sharon Center", "Sharpsburg",
|
||||
"Shauck", "Shawnee", "Sheffield Lake", "Shelby", "Sherrodsville",
|
||||
"Sherwood", "Shiloh", "Short Creek", "Shreve", "Sidney", "Sinking Spring",
|
||||
"Smithfield", "Smithville", "Solon", "Somerdale", "Somerset",
|
||||
"Somerville", "South Bloomingville", "South Charleston", "South Lebanon",
|
||||
"South Point", "South Salem", "South Solon", "South Vienna",
|
||||
"South Webster", "Southington", "Sparta", "Spencer", "Spencerville",
|
||||
"Spring Valley", "Springboro", "Springfield", "Stafford", "Sterling",
|
||||
"Steubenville", "Stewart", "Stillwater", "Stockdale", "Stockport",
|
||||
"Stone Creek", "Stony Ridge", "Stout", "Stoutsville", "Stow", "Strasburg",
|
||||
"Stratton", "Streetsboro", "Strongsville", "Struthers", "Stryker",
|
||||
"Sugar Grove", "Sugarcreek", "Sullivan", "Sulphur Springs", "Summerfield",
|
||||
"Summit Station", "Summitville", "Sunbury", "Swanton", "Sycamore",
|
||||
"Sycamore Valley", "Sylvania", "Syracuse", "Tallmadge", "Tarlton",
|
||||
"Terrace Park", "The Plains", "Thompson", "Thornville", "Thurman",
|
||||
"Thurston", "Tiffin", "Tiltonsville", "Tipp City", "Tippecanoe", "Tiro",
|
||||
"Toledo", "Tontogany", "Torch", "Toronto", "Tremont City", "Trenton",
|
||||
"Trimble", "Trinway", "Troy", "Tuppers Plains", "Tuscarawas", "Twinsburg",
|
||||
"Uhrichsville", "Union City", "Union Furnace", "Unionport", "Uniontown",
|
||||
"Unionville", "Unionville Center", "Uniopolis", "Upper Sandusky", "Urbana",
|
||||
"Utica", "Valley City", "Van Buren", "Van Wert", "Vandalia", "Vanlue",
|
||||
"Vaughnsville", "Venedocia", "Vermilion", "Verona", "Versailles",
|
||||
"Vickery", "Vienna", "Vincent", "Vinton", "Wadsworth", "Wakefield",
|
||||
"Wakeman", "Walbridge", "Waldo", "Walhonding", "Walnut Creek", "Wapakoneta",
|
||||
"Warnock", "Warren", "Warsaw", "Washington Court House",
|
||||
"Washingtonville", "Waterford", "Waterloo", "Watertown", "Waterville",
|
||||
"Wauseon", "Waverly", "Wayland", "Wayne", "Waynesburg", "Waynesfield",
|
||||
"Waynesville", "Wellington", "Wellston", "Wellsville", "West Alexandria",
|
||||
"West Chester", "West Elkton", "West Farmington", "West Jefferson",
|
||||
"West Lafayette", "West Liberty", "West Manchester", "West Mansfield",
|
||||
"West Millgrove", "West Milton", "West Point", "West Portsmouth",
|
||||
"West Rushville", "West Salem", "West Union", "West Unity", "Westerville",
|
||||
"Westfield Center", "Westlake", "Weston", "Westville", "Wharton",
|
||||
"Wheelersburg", "Whipple", "White Cottage", "Whitehouse", "Wickliffe",
|
||||
"Wilberforce", "Wilkesville", "Willard", "Williamsburg", "Williamsfield",
|
||||
"Williamsport", "Williamstown", "Williston", "Willoughby", "Willow Wood",
|
||||
"Willshire", "Wilmington", "Wilmot", "Winchester", "Windham", "Windsor",
|
||||
"Winesburg", "Wingett Run", "Winona", "Wolf Run", "Woodsfield",
|
||||
"Woodstock", "Woodville", "Wooster", "Wren", "Xenia", "Yellow Springs",
|
||||
"Yorkshire", "Yorkville", "Youngstown", "Zaleski", "Zanesfield", "Zanesville",
|
||||
"Zoar"
|
||||
];
|
||||
@ -1,357 +1,357 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
<title>ColorPicker</title>
|
||||
|
||||
<style type="text/css" media="screen">
|
||||
|
||||
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
table {
|
||||
border-collapse:collapse;
|
||||
border-spacing:0;
|
||||
}
|
||||
fieldset,img {
|
||||
border:0;
|
||||
}
|
||||
address,caption,cite,code,dfn,em,strong,th,var {
|
||||
font-style:normal;
|
||||
font-weight:normal;
|
||||
}
|
||||
ol,ul {
|
||||
list-style:none;
|
||||
}
|
||||
caption,th {
|
||||
text-align:left;
|
||||
}
|
||||
h1,h2,h3,h4,h5,h6 {
|
||||
font-size:100%;
|
||||
font-weight:normal;
|
||||
}
|
||||
q:before,q:after {
|
||||
content:'';
|
||||
}
|
||||
abbr,acronym { border:0;
|
||||
}
|
||||
html, body {
|
||||
background-color: #fff;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 12px;
|
||||
line-height: 18px;
|
||||
color: #52697E;
|
||||
}
|
||||
body {
|
||||
text-align: center;
|
||||
overflow: auto;
|
||||
}
|
||||
.wrapper {
|
||||
width: 700px;
|
||||
margin: 0 auto;
|
||||
text-align: left;
|
||||
}
|
||||
h1 {
|
||||
font-size: 21px;
|
||||
height: 47px;
|
||||
line-height: 47px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.navigationTabs {
|
||||
height: 23px;
|
||||
line-height: 23px;
|
||||
border-bottom: 1px solid #ccc;
|
||||
}
|
||||
.navigationTabs li {
|
||||
float: left;
|
||||
height: 23px;
|
||||
line-height: 23px;
|
||||
padding-right: 3px;
|
||||
}
|
||||
.navigationTabs li a{
|
||||
float: left;
|
||||
dispaly: block;
|
||||
height: 23px;
|
||||
line-height: 23px;
|
||||
padding: 0 10px;
|
||||
overflow: hidden;
|
||||
color: #52697E;
|
||||
background-color: #eee;
|
||||
position: relative;
|
||||
text-decoration: none;
|
||||
}
|
||||
.navigationTabs li a:hover {
|
||||
background-color: #f0f0f0;
|
||||
}
|
||||
.navigationTabs li a.active {
|
||||
background-color: #fff;
|
||||
border: 1px solid #ccc;
|
||||
border-bottom: 0px solid;
|
||||
}
|
||||
.tabsContent {
|
||||
border: 1px solid #ccc;
|
||||
border-top: 0px solid;
|
||||
width: 698px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.tab {
|
||||
padding: 16px;
|
||||
display: block;
|
||||
}
|
||||
.tab h2 {
|
||||
font-weight: bold;
|
||||
font-size: 16px;
|
||||
}
|
||||
.tab h3 {
|
||||
font-weight: bold;
|
||||
font-size: 14px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.tab p {
|
||||
margin-top: 16px;
|
||||
clear: both;
|
||||
}
|
||||
.tab ul {
|
||||
margin-top: 16px;
|
||||
list-style: disc;
|
||||
}
|
||||
.tab li {
|
||||
margin: 10px 0 0 35px;
|
||||
}
|
||||
.tab a {
|
||||
color: #8FB0CF;
|
||||
}
|
||||
.tab strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
.tab pre {
|
||||
font-size: 11px;
|
||||
margin-top: 20px;
|
||||
width: 668px;
|
||||
overflow: auto;
|
||||
clear: both;
|
||||
}
|
||||
.tab table {
|
||||
width: 100%;
|
||||
}
|
||||
.tab table td {
|
||||
padding: 6px 10px 6px 0;
|
||||
vertical-align: top;
|
||||
}
|
||||
.tab dt {
|
||||
margin-top: 16px;
|
||||
}
|
||||
|
||||
#colorSelector {
|
||||
position: relative;
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
background: url(../../themes/default/images/select.png);
|
||||
}
|
||||
#colorSelector div {
|
||||
position: absolute;
|
||||
top: 3px;
|
||||
left: 3px;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background: url(../../themes/default/images/select.png) center;
|
||||
}
|
||||
#colorSelector2 {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
background: url(../../themes/default/images/select2.png);
|
||||
}
|
||||
#colorSelector2 div {
|
||||
position: absolute;
|
||||
top: 4px;
|
||||
left: 4px;
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
background: url(../../themes/default/images/select2.png) center;
|
||||
}
|
||||
#colorpickerHolder2 {
|
||||
top: 32px;
|
||||
left: 0;
|
||||
width: 356px;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
}
|
||||
#colorpickerHolder2 .ui-colorpicker {
|
||||
background-image: url(../../themes/default/images/custom_background.png);
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
}
|
||||
#colorpickerHolder2 .ui-colorpicker-hue div {
|
||||
background-image: url(../../themes/default/images/custom_indic.gif);
|
||||
}
|
||||
#colorpickerHolder2 .ui-colorpicker-hex {
|
||||
background-image: url(../../themes/default/images/custom_hex.png);
|
||||
}
|
||||
#colorpickerHolder2 .ui-colorpicker-rgb-r {
|
||||
background-image: url(../../themes/default/images/custom_rgb_r.png);
|
||||
}
|
||||
#colorpickerHolder2 .ui-colorpicker-rgb-g {
|
||||
background-image: url(../../themes/default/images/custom_rgb_g.png);
|
||||
}
|
||||
#colorpickerHolder2 .ui-colorpicker-rgb-b {
|
||||
background-image: url(../../themes/default/images/custom_rgb_b.png);
|
||||
}
|
||||
#colorpickerHolder2 .ui-colorpicker-hsb-s {
|
||||
background-image: url(../../themes/default/images/custom_hsb_s.png);
|
||||
display: none;
|
||||
}
|
||||
#colorpickerHolder2 .ui-colorpicker-hsb-h {
|
||||
background-image: url(../../themes/default/images/custom_hsb_h.png);
|
||||
display: none;
|
||||
}
|
||||
#colorpickerHolder2 .ui-colorpicker-hsb-b {
|
||||
background-image: url(../../themes/default/images/custom_hsb_b.png);
|
||||
display: none;
|
||||
}
|
||||
#colorpickerHolder2 .ui-colorpicker-submit {
|
||||
background-image: url(../../themes/default/images/colorpicker_submit.png);
|
||||
}
|
||||
#colorpickerHolder2 .ui-colorpicker input {
|
||||
color: #778398;
|
||||
}
|
||||
#customWidget {
|
||||
position: relative;
|
||||
height: 36px;
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
<link rel="stylesheet" href="../../themes/default/ui.all.css" type="text/css" media="screen" title="no title" charset="utf-8">
|
||||
|
||||
<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.colorpicker.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
$(document).ready(function() {
|
||||
|
||||
$('#colorpickerHolder').colorpicker({ flat: true });
|
||||
$('#colorpickerHolder2').colorpicker({
|
||||
flat: true,
|
||||
color: '#00ff00',
|
||||
submit: function(e, ui) {
|
||||
$('#colorSelector2 div').css('backgroundColor', '#' + ui.hex);
|
||||
}
|
||||
});
|
||||
$('#colorpickerHolder2>div').css('position', 'absolute');
|
||||
var widt = false;
|
||||
$('#colorSelector2').bind('click', function() {
|
||||
$('#colorpickerHolder2').stop().animate({height: widt ? 0 : 173}, 500);
|
||||
widt = !widt;
|
||||
});
|
||||
$('#colorpickerField1').colorpicker({
|
||||
submit: function(e, ui) {
|
||||
$('#colorpickerField1').val(ui.hex);
|
||||
},
|
||||
beforeShow: function (e, ui) {
|
||||
$(this).colorpicker("setColor", this.value);
|
||||
}
|
||||
})
|
||||
.bind('keyup', function(){
|
||||
$(this).colorpicker("setColor", this.value);
|
||||
});
|
||||
$('#colorSelector').colorpicker({
|
||||
color: '#0000ff',
|
||||
show: function (e, ui) {
|
||||
$(this).data("colorpicker").picker.fadeIn(500);
|
||||
return false;
|
||||
},
|
||||
hide: function (e, ui) {
|
||||
$(this).data("colorpicker").picker.fadeOut(500);
|
||||
return false;
|
||||
},
|
||||
change: function (e, ui) {
|
||||
$('#colorSelector div').css('backgroundColor', '#' + ui.hex);
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div class="wrapper">
|
||||
<h1>Color Picker</h1>
|
||||
<ul class="navigationTabs">
|
||||
<li><a href="#about" rel="about">About</a></li>
|
||||
</ul>
|
||||
<div class="tabsContent">
|
||||
<div class="tab">
|
||||
<h2>About</h2>
|
||||
<p>A simple component to select color in the same way you select color in Adobe Photoshop</p>
|
||||
<h3>Features</h3>
|
||||
<ul>
|
||||
<li>Flat mode - as element in page</li>
|
||||
<li>Powerful controls for color selection</li>
|
||||
<li>Easy to customize the look by changing some images</li>
|
||||
<li>Fits into the viewport</li>
|
||||
</ul>
|
||||
<h3>Examples</h3>
|
||||
<p>Flat mode.</p>
|
||||
<p id="colorpickerHolder">
|
||||
</p>
|
||||
<pre>
|
||||
$('#colorpickerHolder').ColorPicker({flat: true});
|
||||
</pre>
|
||||
<p>Custom skin and using flat mode to display the color picker in a custom widget.</p>
|
||||
<div id="customWidget">
|
||||
<div id="colorSelector2"><div style="background-color: #00ff00"></div></div>
|
||||
<div id="colorpickerHolder2">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p>Attached to an text field and using callback functions to update the color with field's value and set the value back in the field by submiting the color.</p>
|
||||
<p><input type="text" maxlength="6" size="6" id="colorpickerField1" value="00ff00" /></p>
|
||||
<pre>
|
||||
$('#colorpickerField1').ColorPicker({
|
||||
onSubmit: function(hsb, hex, rgb) {
|
||||
$('#colorpickerField1').val(hex);
|
||||
},
|
||||
onBeforeShow: function () {
|
||||
$(this).ColorPickerSetColor(this.value);
|
||||
}
|
||||
})
|
||||
.bind('keyup', function(){
|
||||
$(this).ColorPickerSetColor(this.value);
|
||||
});
|
||||
</pre>
|
||||
<p>Attached to DOMElement and using callbacks to live preview the color and adding animation.</p>
|
||||
<p>
|
||||
<div id="colorSelector"><div style="background-color: #0000ff"></div></div>
|
||||
</p>
|
||||
<pre>
|
||||
$('#colorSelector').ColorPicker({
|
||||
color: '#0000ff',
|
||||
onShow: function (colpkr) {
|
||||
$(colpkr).fadeIn(500);
|
||||
return false;
|
||||
},
|
||||
onHide: function (colpkr) {
|
||||
$(colpkr).fadeOut(500);
|
||||
return false;
|
||||
},
|
||||
onChange: function (hsb, hex, rgb) {
|
||||
$('#colorSelector div').css('backgroundColor', '#' + hex);
|
||||
}
|
||||
});
|
||||
</pre>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
<title>ColorPicker</title>
|
||||
|
||||
<style type="text/css" media="screen">
|
||||
|
||||
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
table {
|
||||
border-collapse:collapse;
|
||||
border-spacing:0;
|
||||
}
|
||||
fieldset,img {
|
||||
border:0;
|
||||
}
|
||||
address,caption,cite,code,dfn,em,strong,th,var {
|
||||
font-style:normal;
|
||||
font-weight:normal;
|
||||
}
|
||||
ol,ul {
|
||||
list-style:none;
|
||||
}
|
||||
caption,th {
|
||||
text-align:left;
|
||||
}
|
||||
h1,h2,h3,h4,h5,h6 {
|
||||
font-size:100%;
|
||||
font-weight:normal;
|
||||
}
|
||||
q:before,q:after {
|
||||
content:'';
|
||||
}
|
||||
abbr,acronym { border:0;
|
||||
}
|
||||
html, body {
|
||||
background-color: #fff;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 12px;
|
||||
line-height: 18px;
|
||||
color: #52697E;
|
||||
}
|
||||
body {
|
||||
text-align: center;
|
||||
overflow: auto;
|
||||
}
|
||||
.wrapper {
|
||||
width: 700px;
|
||||
margin: 0 auto;
|
||||
text-align: left;
|
||||
}
|
||||
h1 {
|
||||
font-size: 21px;
|
||||
height: 47px;
|
||||
line-height: 47px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.navigationTabs {
|
||||
height: 23px;
|
||||
line-height: 23px;
|
||||
border-bottom: 1px solid #ccc;
|
||||
}
|
||||
.navigationTabs li {
|
||||
float: left;
|
||||
height: 23px;
|
||||
line-height: 23px;
|
||||
padding-right: 3px;
|
||||
}
|
||||
.navigationTabs li a{
|
||||
float: left;
|
||||
dispaly: block;
|
||||
height: 23px;
|
||||
line-height: 23px;
|
||||
padding: 0 10px;
|
||||
overflow: hidden;
|
||||
color: #52697E;
|
||||
background-color: #eee;
|
||||
position: relative;
|
||||
text-decoration: none;
|
||||
}
|
||||
.navigationTabs li a:hover {
|
||||
background-color: #f0f0f0;
|
||||
}
|
||||
.navigationTabs li a.active {
|
||||
background-color: #fff;
|
||||
border: 1px solid #ccc;
|
||||
border-bottom: 0px solid;
|
||||
}
|
||||
.tabsContent {
|
||||
border: 1px solid #ccc;
|
||||
border-top: 0px solid;
|
||||
width: 698px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.tab {
|
||||
padding: 16px;
|
||||
display: block;
|
||||
}
|
||||
.tab h2 {
|
||||
font-weight: bold;
|
||||
font-size: 16px;
|
||||
}
|
||||
.tab h3 {
|
||||
font-weight: bold;
|
||||
font-size: 14px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.tab p {
|
||||
margin-top: 16px;
|
||||
clear: both;
|
||||
}
|
||||
.tab ul {
|
||||
margin-top: 16px;
|
||||
list-style: disc;
|
||||
}
|
||||
.tab li {
|
||||
margin: 10px 0 0 35px;
|
||||
}
|
||||
.tab a {
|
||||
color: #8FB0CF;
|
||||
}
|
||||
.tab strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
.tab pre {
|
||||
font-size: 11px;
|
||||
margin-top: 20px;
|
||||
width: 668px;
|
||||
overflow: auto;
|
||||
clear: both;
|
||||
}
|
||||
.tab table {
|
||||
width: 100%;
|
||||
}
|
||||
.tab table td {
|
||||
padding: 6px 10px 6px 0;
|
||||
vertical-align: top;
|
||||
}
|
||||
.tab dt {
|
||||
margin-top: 16px;
|
||||
}
|
||||
|
||||
#colorSelector {
|
||||
position: relative;
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
background: url(../../themes/default/images/select.png);
|
||||
}
|
||||
#colorSelector div {
|
||||
position: absolute;
|
||||
top: 3px;
|
||||
left: 3px;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background: url(../../themes/default/images/select.png) center;
|
||||
}
|
||||
#colorSelector2 {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
background: url(../../themes/default/images/select2.png);
|
||||
}
|
||||
#colorSelector2 div {
|
||||
position: absolute;
|
||||
top: 4px;
|
||||
left: 4px;
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
background: url(../../themes/default/images/select2.png) center;
|
||||
}
|
||||
#colorpickerHolder2 {
|
||||
top: 32px;
|
||||
left: 0;
|
||||
width: 356px;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
}
|
||||
#colorpickerHolder2 .ui-colorpicker {
|
||||
background-image: url(../../themes/default/images/custom_background.png);
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
}
|
||||
#colorpickerHolder2 .ui-colorpicker-hue div {
|
||||
background-image: url(../../themes/default/images/custom_indic.gif);
|
||||
}
|
||||
#colorpickerHolder2 .ui-colorpicker-hex {
|
||||
background-image: url(../../themes/default/images/custom_hex.png);
|
||||
}
|
||||
#colorpickerHolder2 .ui-colorpicker-rgb-r {
|
||||
background-image: url(../../themes/default/images/custom_rgb_r.png);
|
||||
}
|
||||
#colorpickerHolder2 .ui-colorpicker-rgb-g {
|
||||
background-image: url(../../themes/default/images/custom_rgb_g.png);
|
||||
}
|
||||
#colorpickerHolder2 .ui-colorpicker-rgb-b {
|
||||
background-image: url(../../themes/default/images/custom_rgb_b.png);
|
||||
}
|
||||
#colorpickerHolder2 .ui-colorpicker-hsb-s {
|
||||
background-image: url(../../themes/default/images/custom_hsb_s.png);
|
||||
display: none;
|
||||
}
|
||||
#colorpickerHolder2 .ui-colorpicker-hsb-h {
|
||||
background-image: url(../../themes/default/images/custom_hsb_h.png);
|
||||
display: none;
|
||||
}
|
||||
#colorpickerHolder2 .ui-colorpicker-hsb-b {
|
||||
background-image: url(../../themes/default/images/custom_hsb_b.png);
|
||||
display: none;
|
||||
}
|
||||
#colorpickerHolder2 .ui-colorpicker-submit {
|
||||
background-image: url(../../themes/default/images/colorpicker_submit.png);
|
||||
}
|
||||
#colorpickerHolder2 .ui-colorpicker input {
|
||||
color: #778398;
|
||||
}
|
||||
#customWidget {
|
||||
position: relative;
|
||||
height: 36px;
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
<link rel="stylesheet" href="../../themes/default/ui.all.css" type="text/css" media="screen" title="no title" charset="utf-8">
|
||||
|
||||
<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.colorpicker.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
$(document).ready(function() {
|
||||
|
||||
$('#colorpickerHolder').colorpicker({ flat: true });
|
||||
$('#colorpickerHolder2').colorpicker({
|
||||
flat: true,
|
||||
color: '#00ff00',
|
||||
submit: function(e, ui) {
|
||||
$('#colorSelector2 div').css('backgroundColor', '#' + ui.hex);
|
||||
}
|
||||
});
|
||||
$('#colorpickerHolder2>div').css('position', 'absolute');
|
||||
var widt = false;
|
||||
$('#colorSelector2').bind('click', function() {
|
||||
$('#colorpickerHolder2').stop().animate({height: widt ? 0 : 173}, 500);
|
||||
widt = !widt;
|
||||
});
|
||||
$('#colorpickerField1').colorpicker({
|
||||
submit: function(e, ui) {
|
||||
$('#colorpickerField1').val(ui.hex);
|
||||
},
|
||||
beforeShow: function (e, ui) {
|
||||
$(this).colorpicker("setColor", this.value);
|
||||
}
|
||||
})
|
||||
.bind('keyup', function(){
|
||||
$(this).colorpicker("setColor", this.value);
|
||||
});
|
||||
$('#colorSelector').colorpicker({
|
||||
color: '#0000ff',
|
||||
show: function (e, ui) {
|
||||
$(this).data("colorpicker").picker.fadeIn(500);
|
||||
return false;
|
||||
},
|
||||
hide: function (e, ui) {
|
||||
$(this).data("colorpicker").picker.fadeOut(500);
|
||||
return false;
|
||||
},
|
||||
change: function (e, ui) {
|
||||
$('#colorSelector div').css('backgroundColor', '#' + ui.hex);
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div class="wrapper">
|
||||
<h1>Color Picker</h1>
|
||||
<ul class="navigationTabs">
|
||||
<li><a href="#about" rel="about">About</a></li>
|
||||
</ul>
|
||||
<div class="tabsContent">
|
||||
<div class="tab">
|
||||
<h2>About</h2>
|
||||
<p>A simple component to select color in the same way you select color in Adobe Photoshop</p>
|
||||
<h3>Features</h3>
|
||||
<ul>
|
||||
<li>Flat mode - as element in page</li>
|
||||
<li>Powerful controls for color selection</li>
|
||||
<li>Easy to customize the look by changing some images</li>
|
||||
<li>Fits into the viewport</li>
|
||||
</ul>
|
||||
<h3>Examples</h3>
|
||||
<p>Flat mode.</p>
|
||||
<p id="colorpickerHolder">
|
||||
</p>
|
||||
<pre>
|
||||
$('#colorpickerHolder').ColorPicker({flat: true});
|
||||
</pre>
|
||||
<p>Custom skin and using flat mode to display the color picker in a custom widget.</p>
|
||||
<div id="customWidget">
|
||||
<div id="colorSelector2"><div style="background-color: #00ff00"></div></div>
|
||||
<div id="colorpickerHolder2">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p>Attached to an text field and using callback functions to update the color with field's value and set the value back in the field by submiting the color.</p>
|
||||
<p><input type="text" maxlength="6" size="6" id="colorpickerField1" value="00ff00" /></p>
|
||||
<pre>
|
||||
$('#colorpickerField1').ColorPicker({
|
||||
onSubmit: function(hsb, hex, rgb) {
|
||||
$('#colorpickerField1').val(hex);
|
||||
},
|
||||
onBeforeShow: function () {
|
||||
$(this).ColorPickerSetColor(this.value);
|
||||
}
|
||||
})
|
||||
.bind('keyup', function(){
|
||||
$(this).ColorPickerSetColor(this.value);
|
||||
});
|
||||
</pre>
|
||||
<p>Attached to DOMElement and using callbacks to live preview the color and adding animation.</p>
|
||||
<p>
|
||||
<div id="colorSelector"><div style="background-color: #0000ff"></div></div>
|
||||
</p>
|
||||
<pre>
|
||||
$('#colorSelector').ColorPicker({
|
||||
color: '#0000ff',
|
||||
onShow: function (colpkr) {
|
||||
$(colpkr).fadeIn(500);
|
||||
return false;
|
||||
},
|
||||
onHide: function (colpkr) {
|
||||
$(colpkr).fadeOut(500);
|
||||
return false;
|
||||
},
|
||||
onChange: function (hsb, hex, rgb) {
|
||||
$('#colorSelector div').css('backgroundColor', '#' + hex);
|
||||
}
|
||||
});
|
||||
</pre>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -1,28 +1,28 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Simple Datepicker</title>
|
||||
<link rel="stylesheet" href="all.css" type="text/css" media="screen">
|
||||
<link rel="stylesheet" href="../../themes/ui.datepicker.css" type="text/css" media="screen">
|
||||
<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.datepicker.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("#datepicker").datepicker();
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<ul class="plugins">
|
||||
<li>
|
||||
Datepicker
|
||||
<div style="text-align:left;margin-left:10px;">
|
||||
<input type="text" id="datepicker">
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Simple Datepicker</title>
|
||||
<link rel="stylesheet" href="all.css" type="text/css" media="screen">
|
||||
<link rel="stylesheet" href="../../themes/ui.datepicker.css" type="text/css" media="screen">
|
||||
<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.datepicker.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("#datepicker").datepicker();
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<ul class="plugins">
|
||||
<li>
|
||||
Datepicker
|
||||
<div style="text-align:left;margin-left:10px;">
|
||||
<input type="text" id="datepicker">
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -1,31 +1,31 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Simple Dialog</title>
|
||||
<link rel="stylesheet" href="all.css" type="text/css" media="screen">
|
||||
<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.dialog.js"></script>
|
||||
<script type="text/javascript" src="../../ui/ui.draggable.js"></script>
|
||||
<script type="text/javascript" src="../../ui/ui.resizable.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("#dialog").click(function() {
|
||||
$("<div/>").dialog();
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<ul class="plugins">
|
||||
<li>
|
||||
Dialog
|
||||
<div id="dialog">
|
||||
<button>Open</button>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Simple Dialog</title>
|
||||
<link rel="stylesheet" href="all.css" type="text/css" media="screen">
|
||||
<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.dialog.js"></script>
|
||||
<script type="text/javascript" src="../../ui/ui.draggable.js"></script>
|
||||
<script type="text/javascript" src="../../ui/ui.resizable.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("#dialog").click(function() {
|
||||
$("<div/>").dialog();
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<ul class="plugins">
|
||||
<li>
|
||||
Dialog
|
||||
<div id="dialog">
|
||||
<button>Open</button>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -1,27 +1,27 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Simple Draggable</title>
|
||||
<link rel="stylesheet" href="all.css" type="text/css" media="screen">
|
||||
<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.draggable.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("#draggable").draggable({ handle: "span" });
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<ul class="plugins">
|
||||
<li>
|
||||
Draggable
|
||||
<div id="draggable">
|
||||
<span>Handle</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Simple Draggable</title>
|
||||
<link rel="stylesheet" href="all.css" type="text/css" media="screen">
|
||||
<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.draggable.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("#draggable").draggable({ handle: "span" });
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<ul class="plugins">
|
||||
<li>
|
||||
Draggable
|
||||
<div id="draggable">
|
||||
<span>Handle</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -1,25 +1,25 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Simple Draggable</title>
|
||||
<link rel="stylesheet" href="all.css" type="text/css" media="screen">
|
||||
<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.draggable.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("#draggable").draggable();
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<ul class="plugins">
|
||||
<li>
|
||||
Draggable
|
||||
<div id="draggable"></div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Simple Draggable</title>
|
||||
<link rel="stylesheet" href="all.css" type="text/css" media="screen">
|
||||
<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.draggable.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("#draggable").draggable();
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<ul class="plugins">
|
||||
<li>
|
||||
Draggable
|
||||
<div id="draggable"></div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -1,39 +1,39 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Simple Droppable</title>
|
||||
<link rel="stylesheet" href="all.css" type="text/css" media="screen">
|
||||
<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.draggable.js"></script>
|
||||
<script type="text/javascript" src="../../ui/ui.droppable.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$(".draggable").draggable();
|
||||
$("#droppable").droppable({
|
||||
accept: '.draggable',
|
||||
drop: function(ev, ui) {
|
||||
ui.draggable.css({ position: 'relative', top: 0, left: 0 }).clone().appendTo(this);
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<ul class="plugins">
|
||||
<li>
|
||||
Droppable
|
||||
<div class="draggable">D</div>
|
||||
<div class="draggable">R</div>
|
||||
<div class="draggable">A</div>
|
||||
<div class="draggable">G</div>
|
||||
<div id="droppable">
|
||||
DROP
|
||||
<hr>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Simple Droppable</title>
|
||||
<link rel="stylesheet" href="all.css" type="text/css" media="screen">
|
||||
<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.draggable.js"></script>
|
||||
<script type="text/javascript" src="../../ui/ui.droppable.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$(".draggable").draggable();
|
||||
$("#droppable").droppable({
|
||||
accept: '.draggable',
|
||||
drop: function(ev, ui) {
|
||||
ui.draggable.css({ position: 'relative', top: 0, left: 0 }).clone().appendTo(this);
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<ul class="plugins">
|
||||
<li>
|
||||
Droppable
|
||||
<div class="draggable">D</div>
|
||||
<div class="draggable">R</div>
|
||||
<div class="draggable">A</div>
|
||||
<div class="draggable">G</div>
|
||||
<div id="droppable">
|
||||
DROP
|
||||
<hr>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -1,49 +1,49 @@
|
||||
body,html {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 12px;
|
||||
font-family: Arial;
|
||||
background: #000;
|
||||
}
|
||||
|
||||
ul.effects {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
ul.effects li {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 120px;
|
||||
height: 100px;
|
||||
float: left;
|
||||
margin-top: 20px;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
div.effect {
|
||||
width: 120px;
|
||||
height: 100px;
|
||||
background: #333;
|
||||
border: 5px outset #aaa;
|
||||
float: left;
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
}
|
||||
|
||||
div.current {
|
||||
border: 5px outset #FF0000;
|
||||
background: #660000;
|
||||
}
|
||||
|
||||
div.effect p {
|
||||
color: #eee;
|
||||
margin: 0px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.ui-effects-transfer {
|
||||
border: 1px dotted #fff;
|
||||
background: #666;
|
||||
opacity: 0.5;
|
||||
body,html {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 12px;
|
||||
font-family: Arial;
|
||||
background: #000;
|
||||
}
|
||||
|
||||
ul.effects {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
ul.effects li {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 120px;
|
||||
height: 100px;
|
||||
float: left;
|
||||
margin-top: 20px;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
div.effect {
|
||||
width: 120px;
|
||||
height: 100px;
|
||||
background: #333;
|
||||
border: 5px outset #aaa;
|
||||
float: left;
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
}
|
||||
|
||||
div.current {
|
||||
border: 5px outset #FF0000;
|
||||
background: #660000;
|
||||
}
|
||||
|
||||
div.effect p {
|
||||
color: #eee;
|
||||
margin: 0px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.ui-effects-transfer {
|
||||
border: 1px dotted #fff;
|
||||
background: #666;
|
||||
opacity: 0.5;
|
||||
}
|
||||
@ -1,165 +1,165 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
||||
<title>Effects Test Suite</title>
|
||||
<link rel="stylesheet" href="effects.all.css" type="text/css" media="screen" title="no title" charset="utf-8" />
|
||||
|
||||
<script type="text/javascript" src="../../jquery-1.2.6.js"></script>
|
||||
<script type="text/javascript" src="../../ui/effects.core.js"></script>
|
||||
|
||||
<script type="text/javascript" src="../../ui/effects.blind.js"></script>
|
||||
<script type="text/javascript" src="../../ui/effects.bounce.js"></script>
|
||||
<script type="text/javascript" src="../../ui/effects.clip.js"></script>
|
||||
<script type="text/javascript" src="../../ui/effects.drop.js"></script>
|
||||
<script type="text/javascript" src="../../ui/effects.explode.js"></script>
|
||||
<script type="text/javascript" src="../../ui/effects.fold.js"></script>
|
||||
<script type="text/javascript" src="../../ui/effects.highlight.js"></script>
|
||||
<script type="text/javascript" src="../../ui/effects.pulsate.js"></script>
|
||||
<script type="text/javascript" src="../../ui/effects.scale.js"></script>
|
||||
<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 type="text/javascript" src="effects.all.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<ul class="effects">
|
||||
|
||||
<li>
|
||||
<div class="effect" id="blindHorizontally">
|
||||
<p>Blind horizontally</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="effect" id="blindVertically">
|
||||
<p>Blind vertically</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="effect" id="bounce3times">
|
||||
<p>Bounce 3 times</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="effect" id="clipHorizontally">
|
||||
<p>Clip horizontally</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="effect" id="clipVertically">
|
||||
<p>Clip vertically</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="effect" id="dropDown">
|
||||
<p>Drop down</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="effect" id="dropUp">
|
||||
<p>Drop up</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="effect" id="dropLeft">
|
||||
<p>Drop left</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="effect" id="dropRight">
|
||||
<p>Drop right</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="effect" id="explode9">
|
||||
<p>Explode in 9 pieces</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="effect" id="explode36">
|
||||
<p>Explode in 36 pieces</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="effect" id="fold">
|
||||
<p>Fold</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="effect" id="highlight">
|
||||
<p>Highlight</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="effect" id="pulsate">
|
||||
<p>Pulsate 2 times</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="effect" id="puff">
|
||||
<p>Puff</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="effect" id="scale">
|
||||
<p>Scale</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="effect" id="shake">
|
||||
<p>Shake</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="effect" id="slideDown">
|
||||
<p>Slide down</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="effect" id="slideUp">
|
||||
<p>Slide up</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="effect" id="slideLeft">
|
||||
<p>Slide left</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="effect" id="slideRight">
|
||||
<p>Slide right</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="effect" id="transfer">
|
||||
<p>Transfer to first element</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
||||
<title>Effects Test Suite</title>
|
||||
<link rel="stylesheet" href="effects.all.css" type="text/css" media="screen" title="no title" charset="utf-8" />
|
||||
|
||||
<script type="text/javascript" src="../../jquery-1.2.6.js"></script>
|
||||
<script type="text/javascript" src="../../ui/effects.core.js"></script>
|
||||
|
||||
<script type="text/javascript" src="../../ui/effects.blind.js"></script>
|
||||
<script type="text/javascript" src="../../ui/effects.bounce.js"></script>
|
||||
<script type="text/javascript" src="../../ui/effects.clip.js"></script>
|
||||
<script type="text/javascript" src="../../ui/effects.drop.js"></script>
|
||||
<script type="text/javascript" src="../../ui/effects.explode.js"></script>
|
||||
<script type="text/javascript" src="../../ui/effects.fold.js"></script>
|
||||
<script type="text/javascript" src="../../ui/effects.highlight.js"></script>
|
||||
<script type="text/javascript" src="../../ui/effects.pulsate.js"></script>
|
||||
<script type="text/javascript" src="../../ui/effects.scale.js"></script>
|
||||
<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 type="text/javascript" src="effects.all.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<ul class="effects">
|
||||
|
||||
<li>
|
||||
<div class="effect" id="blindHorizontally">
|
||||
<p>Blind horizontally</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="effect" id="blindVertically">
|
||||
<p>Blind vertically</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="effect" id="bounce3times">
|
||||
<p>Bounce 3 times</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="effect" id="clipHorizontally">
|
||||
<p>Clip horizontally</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="effect" id="clipVertically">
|
||||
<p>Clip vertically</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="effect" id="dropDown">
|
||||
<p>Drop down</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="effect" id="dropUp">
|
||||
<p>Drop up</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="effect" id="dropLeft">
|
||||
<p>Drop left</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="effect" id="dropRight">
|
||||
<p>Drop right</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="effect" id="explode9">
|
||||
<p>Explode in 9 pieces</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="effect" id="explode36">
|
||||
<p>Explode in 36 pieces</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="effect" id="fold">
|
||||
<p>Fold</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="effect" id="highlight">
|
||||
<p>Highlight</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="effect" id="pulsate">
|
||||
<p>Pulsate 2 times</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="effect" id="puff">
|
||||
<p>Puff</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="effect" id="scale">
|
||||
<p>Scale</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="effect" id="shake">
|
||||
<p>Shake</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="effect" id="slideDown">
|
||||
<p>Slide down</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="effect" id="slideUp">
|
||||
<p>Slide up</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="effect" id="slideLeft">
|
||||
<p>Slide left</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="effect" id="slideRight">
|
||||
<p>Slide right</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="effect" id="transfer">
|
||||
<p>Transfer to first element</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -1,65 +1,65 @@
|
||||
$(document).ready(function() {
|
||||
|
||||
$("div.effect")
|
||||
.hover(function() {
|
||||
$(this).addClass("hover");
|
||||
}, function() {
|
||||
$(this).removeClass("hover");
|
||||
})
|
||||
;
|
||||
|
||||
|
||||
var effect = function(el, n, o) {
|
||||
|
||||
$.extend(o, {
|
||||
easing: "easeOutQuint"
|
||||
});
|
||||
|
||||
$(el).bind("click", function() {
|
||||
|
||||
$(this).addClass("current").hide(n, o, 1000, function() {
|
||||
var self = this;
|
||||
window.setTimeout(function() {
|
||||
$(self).show(n, o, 1000, function() { $(this).removeClass("current"); });
|
||||
},500);
|
||||
});
|
||||
});
|
||||
|
||||
};
|
||||
|
||||
|
||||
effect("#blindHorizontally", "blind", { direction: "horizontal" });
|
||||
effect("#blindVertically", "blind", { direction: "vertical" });
|
||||
|
||||
effect("#bounce3times", "bounce", { times: 3 });
|
||||
|
||||
effect("#clipHorizontally", "clip", { direction: "horizontal" });
|
||||
effect("#clipVertically", "clip", { direction: "vertical" });
|
||||
|
||||
effect("#dropDown", "drop", { direction: "down" });
|
||||
effect("#dropUp", "drop", { direction: "up" });
|
||||
effect("#dropLeft", "drop", { direction: "left" });
|
||||
effect("#dropRight", "drop", { direction: "right" });
|
||||
|
||||
effect("#explode9", "explode", { });
|
||||
effect("#explode36", "explode", { pieces: 36 });
|
||||
|
||||
effect("#fold", "fold", { size: 50 });
|
||||
|
||||
effect("#highlight", "highlight", { });
|
||||
|
||||
effect("#pulsate", "pulsate", { times: 2 });
|
||||
|
||||
effect("#puff", "puff", { times: 2 });
|
||||
effect("#scale", "scale", { });
|
||||
|
||||
$("#shake").bind("click", function() { $(this).addClass("current").effect("shake", {}, 100, function() { $(this).removeClass("current"); }); });
|
||||
|
||||
effect("#slideDown", "slide", { direction: "down" });
|
||||
effect("#slideUp", "slide", { direction: "up" });
|
||||
effect("#slideLeft", "slide", { direction: "left" });
|
||||
effect("#slideRight", "slide", { direction: "right" });
|
||||
|
||||
$("#transfer").bind("click", function() { $(this).addClass("current").effect("transfer", { to: "div:eq(0)" }, 1000, function() { $(this).removeClass("current"); }); });
|
||||
|
||||
$(document).ready(function() {
|
||||
|
||||
$("div.effect")
|
||||
.hover(function() {
|
||||
$(this).addClass("hover");
|
||||
}, function() {
|
||||
$(this).removeClass("hover");
|
||||
})
|
||||
;
|
||||
|
||||
|
||||
var effect = function(el, n, o) {
|
||||
|
||||
$.extend(o, {
|
||||
easing: "easeOutQuint"
|
||||
});
|
||||
|
||||
$(el).bind("click", function() {
|
||||
|
||||
$(this).addClass("current").hide(n, o, 1000, function() {
|
||||
var self = this;
|
||||
window.setTimeout(function() {
|
||||
$(self).show(n, o, 1000, function() { $(this).removeClass("current"); });
|
||||
},500);
|
||||
});
|
||||
});
|
||||
|
||||
};
|
||||
|
||||
|
||||
effect("#blindHorizontally", "blind", { direction: "horizontal" });
|
||||
effect("#blindVertically", "blind", { direction: "vertical" });
|
||||
|
||||
effect("#bounce3times", "bounce", { times: 3 });
|
||||
|
||||
effect("#clipHorizontally", "clip", { direction: "horizontal" });
|
||||
effect("#clipVertically", "clip", { direction: "vertical" });
|
||||
|
||||
effect("#dropDown", "drop", { direction: "down" });
|
||||
effect("#dropUp", "drop", { direction: "up" });
|
||||
effect("#dropLeft", "drop", { direction: "left" });
|
||||
effect("#dropRight", "drop", { direction: "right" });
|
||||
|
||||
effect("#explode9", "explode", { });
|
||||
effect("#explode36", "explode", { pieces: 36 });
|
||||
|
||||
effect("#fold", "fold", { size: 50 });
|
||||
|
||||
effect("#highlight", "highlight", { });
|
||||
|
||||
effect("#pulsate", "pulsate", { times: 2 });
|
||||
|
||||
effect("#puff", "puff", { times: 2 });
|
||||
effect("#scale", "scale", { });
|
||||
|
||||
$("#shake").bind("click", function() { $(this).addClass("current").effect("shake", {}, 100, function() { $(this).removeClass("current"); }); });
|
||||
|
||||
effect("#slideDown", "slide", { direction: "down" });
|
||||
effect("#slideUp", "slide", { direction: "up" });
|
||||
effect("#slideLeft", "slide", { direction: "left" });
|
||||
effect("#slideRight", "slide", { direction: "right" });
|
||||
|
||||
$("#transfer").bind("click", function() { $(this).addClass("current").effect("transfer", { to: "div:eq(0)" }, 1000, function() { $(this).removeClass("current"); }); });
|
||||
|
||||
});
|
||||
@ -1,107 +1,107 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-Language" content="en" />
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>Magnifier Demo</title>
|
||||
|
||||
<style type="text/css">
|
||||
|
||||
body,html {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: Arial;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
div.playground {
|
||||
height: 150px;
|
||||
}
|
||||
|
||||
#example1 img,
|
||||
#example2 img,
|
||||
#example3 img,
|
||||
#example4 img {
|
||||
float:left;
|
||||
}
|
||||
|
||||
</style>
|
||||
<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.magnifier.js"></script>
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<h2>1. Default, no options</h2>
|
||||
<div class="playground">
|
||||
<div id='example1' class="ui-wrapper example" style="width: 580px; padding: 20px;">
|
||||
<img src="../images/clock.png" width="48" alt="" />
|
||||
<img src="../images/clock.png" width="48" alt="" />
|
||||
<img src="../images/clock.png" width="48" alt="" />
|
||||
<img src="../images/clock.png" width="48" alt="" />
|
||||
<img src="../images/clock.png" width="48" alt="" />
|
||||
<img src="../images/clock.png" width="48" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h2>2. Magnification set to 1.5 (default: 2)</h2>
|
||||
<div class="playground">
|
||||
<div id='example2' class="ui-wrapper example" style="width: 580px; padding: 20px;">
|
||||
<img src="../images/clock.png" width="48" alt="" />
|
||||
<img src="../images/clock.png" width="48" alt="" />
|
||||
<img src="../images/clock.png" width="48" alt="" />
|
||||
<img src="../images/clock.png" width="48" alt="" />
|
||||
<img src="../images/clock.png" width="48" alt="" />
|
||||
<img src="../images/clock.png" width="48" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h2>3. Advanced example: overlap: true, zIndex: 10, opacity: { min: 0.6, max: 1 }, baseline: -1</h2>
|
||||
<div class="playground">
|
||||
<div id='example3' class="ui-wrapper example" style="width: 580px; padding: 20px;">
|
||||
<img src="../images/clock.png" width="48" alt="" />
|
||||
<img src="../images/clock.png" width="48" alt="" />
|
||||
<img src="../images/clock.png" width="48" alt="" />
|
||||
<img src="../images/clock.png" width="48" alt="" />
|
||||
<img src="../images/clock.png" width="48" alt="" />
|
||||
<img src="../images/clock.png" width="48" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h2>4. Advanced example: The direction doesn't have to be horizontal!</h2>
|
||||
<div class="playground">
|
||||
<div id='example4' class="ui-wrapper example" style="width: 150px; padding: 20px; height: 150px;">
|
||||
<img src="../images/clock.png" width="48" alt="" />
|
||||
<img src="../images/clock.png" width="48" alt="" />
|
||||
<img src="../images/clock.png" width="48" alt="" />
|
||||
<img src="../images/clock.png" width="48" alt="" />
|
||||
<img src="../images/clock.png" width="48" alt="" />
|
||||
<img src="../images/clock.png" width="48" alt="" />
|
||||
<img src="../images/clock.png" width="48" alt="" />
|
||||
<img src="../images/clock.png" width="48" alt="" />
|
||||
<img src="../images/clock.png" width="48" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
if(!window.console) {
|
||||
window.console = {
|
||||
log: function() {
|
||||
alert(arguments[0]);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
$(window).bind("load",function(){
|
||||
|
||||
$('#example1').magnifier();
|
||||
$('#example2').magnifier({ magnification: 1.5 });
|
||||
$('#example3').magnifier({ magnification: 1.5, overlap: true, zIndex: 10, opacity: { min: 0.6, max: 1 }, baseline: -1 });
|
||||
$('#example4').magnifier({ magnification: 1.5, overlap: true, zIndex: 10, opacity: { min: 0.6, max: 1 }, distance: 30 });
|
||||
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-Language" content="en" />
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>Magnifier Demo</title>
|
||||
|
||||
<style type="text/css">
|
||||
|
||||
body,html {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: Arial;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
div.playground {
|
||||
height: 150px;
|
||||
}
|
||||
|
||||
#example1 img,
|
||||
#example2 img,
|
||||
#example3 img,
|
||||
#example4 img {
|
||||
float:left;
|
||||
}
|
||||
|
||||
</style>
|
||||
<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.magnifier.js"></script>
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<h2>1. Default, no options</h2>
|
||||
<div class="playground">
|
||||
<div id='example1' class="ui-wrapper example" style="width: 580px; padding: 20px;">
|
||||
<img src="../images/clock.png" width="48" alt="" />
|
||||
<img src="../images/clock.png" width="48" alt="" />
|
||||
<img src="../images/clock.png" width="48" alt="" />
|
||||
<img src="../images/clock.png" width="48" alt="" />
|
||||
<img src="../images/clock.png" width="48" alt="" />
|
||||
<img src="../images/clock.png" width="48" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h2>2. Magnification set to 1.5 (default: 2)</h2>
|
||||
<div class="playground">
|
||||
<div id='example2' class="ui-wrapper example" style="width: 580px; padding: 20px;">
|
||||
<img src="../images/clock.png" width="48" alt="" />
|
||||
<img src="../images/clock.png" width="48" alt="" />
|
||||
<img src="../images/clock.png" width="48" alt="" />
|
||||
<img src="../images/clock.png" width="48" alt="" />
|
||||
<img src="../images/clock.png" width="48" alt="" />
|
||||
<img src="../images/clock.png" width="48" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h2>3. Advanced example: overlap: true, zIndex: 10, opacity: { min: 0.6, max: 1 }, baseline: -1</h2>
|
||||
<div class="playground">
|
||||
<div id='example3' class="ui-wrapper example" style="width: 580px; padding: 20px;">
|
||||
<img src="../images/clock.png" width="48" alt="" />
|
||||
<img src="../images/clock.png" width="48" alt="" />
|
||||
<img src="../images/clock.png" width="48" alt="" />
|
||||
<img src="../images/clock.png" width="48" alt="" />
|
||||
<img src="../images/clock.png" width="48" alt="" />
|
||||
<img src="../images/clock.png" width="48" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h2>4. Advanced example: The direction doesn't have to be horizontal!</h2>
|
||||
<div class="playground">
|
||||
<div id='example4' class="ui-wrapper example" style="width: 150px; padding: 20px; height: 150px;">
|
||||
<img src="../images/clock.png" width="48" alt="" />
|
||||
<img src="../images/clock.png" width="48" alt="" />
|
||||
<img src="../images/clock.png" width="48" alt="" />
|
||||
<img src="../images/clock.png" width="48" alt="" />
|
||||
<img src="../images/clock.png" width="48" alt="" />
|
||||
<img src="../images/clock.png" width="48" alt="" />
|
||||
<img src="../images/clock.png" width="48" alt="" />
|
||||
<img src="../images/clock.png" width="48" alt="" />
|
||||
<img src="../images/clock.png" width="48" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
if(!window.console) {
|
||||
window.console = {
|
||||
log: function() {
|
||||
alert(arguments[0]);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
$(window).bind("load",function(){
|
||||
|
||||
$('#example1').magnifier();
|
||||
$('#example2').magnifier({ magnification: 1.5 });
|
||||
$('#example3').magnifier({ magnification: 1.5, overlap: true, zIndex: 10, opacity: { min: 0.6, max: 1 }, baseline: -1 });
|
||||
$('#example4').magnifier({ magnification: 1.5, overlap: true, zIndex: 10, opacity: { min: 0.6, max: 1 }, distance: 30 });
|
||||
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -1,294 +1,294 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-Language" content="en" />
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>ProgressBar Test Page</title>
|
||||
<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.resizable.js"></script>
|
||||
<script type="text/javascript" src="../../ui/ui.draggable.js"></script>
|
||||
<script type="text/javascript" src="../../ui/ui.progressbar.js"></script>
|
||||
<script type="text/javascript" src="../../ui/effects.core.js"></script>
|
||||
|
||||
<style type="text/css" media="all">
|
||||
|
||||
body
|
||||
{
|
||||
background: #fff;
|
||||
font-family: Arial;
|
||||
}
|
||||
|
||||
#log {
|
||||
right:0px;
|
||||
top:0px;
|
||||
background-color:#FAFCFE;
|
||||
border:1px solid #DFE8F6;
|
||||
height:400px;
|
||||
width:300px;
|
||||
position:absolute;
|
||||
overflow:auto;
|
||||
}
|
||||
|
||||
/* ProgressBar */
|
||||
|
||||
.ui-progressbar {
|
||||
width: 400px; height: 20px;
|
||||
border: 1px #ccc solid;
|
||||
background:#E0E8F3 url(../images/bg.gif) repeat-x scroll 0%;
|
||||
position:relative;
|
||||
}
|
||||
|
||||
.ui-progressbar-wrap {
|
||||
position: relative;
|
||||
height: auto;
|
||||
width: auto;
|
||||
line-height: 18px;
|
||||
_line-height: 16px;
|
||||
}
|
||||
|
||||
.ui-progressbar-bar {
|
||||
background:#9CBFEE url(../images/progress-bg.gif) repeat-x scroll left center;
|
||||
border-bottom:1px solid #7FA9E4;
|
||||
border-right:1px solid #7FA9E4;
|
||||
border-top:1px solid #D1E4FD;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.ui-progressbar-text {
|
||||
color:#fff;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
font-size: 11px;
|
||||
font-weight: bold;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
.ui-progressbar-text-back {
|
||||
color:#000;
|
||||
padding-top: 1px;
|
||||
padding-bottom: 1px;
|
||||
padding-right: 1px;
|
||||
}
|
||||
|
||||
.ui-progressbar-disabled {
|
||||
opacity:.5;
|
||||
filter:Alpha(Opacity=50);
|
||||
}
|
||||
|
||||
|
||||
/* custom */
|
||||
.ui-progressbar-text.right-align {
|
||||
text-align: right;
|
||||
padding: 0 5px 0 0;
|
||||
}
|
||||
.ui-progressbar-inner-custom {
|
||||
background: url(../images/custom-bar.gif) repeat-x scroll left center;
|
||||
border-bottom:1px solid #EFEFEF;
|
||||
border-right:0pt none;
|
||||
border-top:1px solid #BEBEBE;
|
||||
height:15px;
|
||||
}
|
||||
.bold {
|
||||
color: red !important;
|
||||
}
|
||||
.ui-hidden {
|
||||
left:-10000px;
|
||||
position:absolute;
|
||||
top:-10000px;
|
||||
visibility:hidden;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body >
|
||||
|
||||
<h1>jQuery - ProgressBar</h1>
|
||||
|
||||
<div id="log">log</div>
|
||||
|
||||
|
||||
<div id='p1'></div><br>
|
||||
|
||||
<button id="p1-create">Create</button>
|
||||
<button id="p1-destroy" onclick="$('#p1').progressbar('destroy');">destroy</button>
|
||||
<button id="p1-start" onclick="$('#p1').progressbar('start');">Start</button>
|
||||
<button id="p1-stop" onclick="$('#p1').progressbar('stop');">Stop</button>
|
||||
<button id="p1-stop" onclick="$('#p1').progressbar('pause');">pause</button>
|
||||
<button id="p1-enable" onclick="$('#p1').progressbar('enable');">enable</button>
|
||||
<button id="p1-disable" onclick="$('#p1').progressbar('disable');">disable</button>
|
||||
<button id="p1-progress" onclick="$('#p1').progressbar('progress', 50);">progress to 50</button>
|
||||
<button id="p1-progress" onclick="$('#p1').progressbar('text', 'Textchanged!');">Change text</button>
|
||||
|
||||
<br><br>
|
||||
|
||||
<div id='p2'></div><br>
|
||||
|
||||
<button id="p2-create">Create</button>
|
||||
<button id="p2-destroy" onclick="$('#p2').progressbar('destroy');">destroy</button>
|
||||
<button id="p2-start" onclick="$('#p2').progressbar('start');">Start</button>
|
||||
<button id="p2-stop" onclick="$('#p2').progressbar('stop');">Stop</button>
|
||||
<button id="p2-stop" onclick="$('#p2').progressbar('pause');">pause</button>
|
||||
<button id="p2-enable" onclick="$('#p2').progressbar('enable');">enable</button>
|
||||
<button id="p2-disable" onclick="$('#p2').progressbar('disable');">disable</button>
|
||||
<button id="p2-progress" onclick="$('#p2').progressbar('progress', 40);">progress to 50</button>
|
||||
|
||||
<br><br>
|
||||
|
||||
<div id='p3'></div><br>
|
||||
|
||||
<button id="p3-create">Create</button>
|
||||
<button id="p3-destroy" onclick="$('#p3').progressbar('destroy');">destroy</button>
|
||||
<button id="p3-start" onclick="$('#p3').progressbar('start');">Start</button>
|
||||
<button id="p3-stop" onclick="$('#p3').progressbar('stop');">Stop</button>
|
||||
<button id="p3-stop" onclick="$('#p3').progressbar('pause');">pause</button>
|
||||
<button id="p3-enable" onclick="$('#p3').progressbar('enable');">enable</button>
|
||||
<button id="p3-disable" onclick="$('#p3').progressbar('disable');">disable</button>
|
||||
<button id="p3-progress" onclick="$('#p3').progressbar('progress', $('#p3-value').val());">progress to</button>
|
||||
<input type="text" id="p3-value" value="35"/>
|
||||
|
||||
<br><br>
|
||||
|
||||
<button id="p2-startall" onclick="$('#p2, #p1, #p3').progressbar('start');">Start All</button>
|
||||
<button id="p2-stopall" onclick="$('#p2, #p1, #p3').progressbar('stop');">Stop All</button>
|
||||
<button id="p2-stopall" onclick="$('#p2, #p1, #p3').progressbar('pause');">Pause All</button>
|
||||
|
||||
<script>
|
||||
|
||||
$(function() {
|
||||
|
||||
$('#p1-create').click(function() {
|
||||
|
||||
$('#p1').progressbar({
|
||||
|
||||
text: 'jQuery ProgressBar waiting...',
|
||||
|
||||
//addClass: 'ui-progressbar-inner-custom teste',
|
||||
|
||||
//textClass: 'right-align',
|
||||
|
||||
//align: 'right',
|
||||
|
||||
equation: 'easeOutBounce',
|
||||
|
||||
width: 500,
|
||||
|
||||
duration: 3000,
|
||||
|
||||
interval: 800,
|
||||
|
||||
increment: 1,
|
||||
|
||||
progress: function(ui) {
|
||||
//console.log(ui.pixelRange);
|
||||
//console.log(ui);
|
||||
//ui.instance.text('Waiting...');
|
||||
},
|
||||
|
||||
stop: function(ui) {
|
||||
//console.log('user stop', ui);
|
||||
},
|
||||
|
||||
start: function(ui) {
|
||||
//console.log('user start', ui);
|
||||
console.log('p1', ui.identifier);
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
}).trigger("click");
|
||||
|
||||
|
||||
$('#p2-create').click(function() {
|
||||
|
||||
$('#p2').progressbar({
|
||||
|
||||
text: 'Testing...',
|
||||
|
||||
//addClass: 'ui-progressbar-inner-custom teste',
|
||||
|
||||
//textClass: 'right-align',
|
||||
|
||||
//align: 'right',
|
||||
|
||||
width: 500,
|
||||
|
||||
duration: 5000,
|
||||
|
||||
equation: 'easeInOutQuint',
|
||||
|
||||
interval: 2000,
|
||||
|
||||
increment: 50,
|
||||
|
||||
progress: function(ui) {
|
||||
//console.log(ui.pixelRange);
|
||||
//console.log(ui);
|
||||
//ui.instance.text('Waiting...');
|
||||
},
|
||||
|
||||
stop: function(ui) {
|
||||
//console.log('user stop', ui);
|
||||
},
|
||||
|
||||
start: function(ui) {
|
||||
//console.log('user start', ui);
|
||||
console.log('p2', ui.identifier);
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
}).trigger("click");
|
||||
|
||||
|
||||
$('#p3-create').click(function() {
|
||||
|
||||
$('#p3').progressbar({
|
||||
|
||||
//text: 'Testing again...',
|
||||
|
||||
//addClass: 'ui-progressbar-inner-custom teste',
|
||||
|
||||
//textClass: 'right-align',
|
||||
|
||||
//align: 'right',
|
||||
|
||||
width: 700,
|
||||
|
||||
duration: 5000,
|
||||
|
||||
interval: 3000,
|
||||
|
||||
increment: 10,
|
||||
|
||||
progress: function(ui) {
|
||||
//console.log(ui.pixelRange);
|
||||
//console.log(ui);
|
||||
//ui.instance.text('Waiting...');
|
||||
},
|
||||
|
||||
stop: function(ui) {
|
||||
//console.log('user stop', ui);
|
||||
},
|
||||
|
||||
start: function(ui) {
|
||||
//console.log('user start', ui);
|
||||
console.log('p3', ui.identifier);
|
||||
}
|
||||
|
||||
});
|
||||
}).trigger('click');
|
||||
});
|
||||
|
||||
if(!window.console) {
|
||||
window.console = {
|
||||
log: function() {
|
||||
$('#log').append(arguments[0]+"<br>");
|
||||
$('#log').scrollTop(999999);
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-Language" content="en" />
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>ProgressBar Test Page</title>
|
||||
<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.resizable.js"></script>
|
||||
<script type="text/javascript" src="../../ui/ui.draggable.js"></script>
|
||||
<script type="text/javascript" src="../../ui/ui.progressbar.js"></script>
|
||||
<script type="text/javascript" src="../../ui/effects.core.js"></script>
|
||||
|
||||
<style type="text/css" media="all">
|
||||
|
||||
body
|
||||
{
|
||||
background: #fff;
|
||||
font-family: Arial;
|
||||
}
|
||||
|
||||
#log {
|
||||
right:0px;
|
||||
top:0px;
|
||||
background-color:#FAFCFE;
|
||||
border:1px solid #DFE8F6;
|
||||
height:400px;
|
||||
width:300px;
|
||||
position:absolute;
|
||||
overflow:auto;
|
||||
}
|
||||
|
||||
/* ProgressBar */
|
||||
|
||||
.ui-progressbar {
|
||||
width: 400px; height: 20px;
|
||||
border: 1px #ccc solid;
|
||||
background:#E0E8F3 url(../images/bg.gif) repeat-x scroll 0%;
|
||||
position:relative;
|
||||
}
|
||||
|
||||
.ui-progressbar-wrap {
|
||||
position: relative;
|
||||
height: auto;
|
||||
width: auto;
|
||||
line-height: 18px;
|
||||
_line-height: 16px;
|
||||
}
|
||||
|
||||
.ui-progressbar-bar {
|
||||
background:#9CBFEE url(../images/progress-bg.gif) repeat-x scroll left center;
|
||||
border-bottom:1px solid #7FA9E4;
|
||||
border-right:1px solid #7FA9E4;
|
||||
border-top:1px solid #D1E4FD;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.ui-progressbar-text {
|
||||
color:#fff;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
font-size: 11px;
|
||||
font-weight: bold;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
.ui-progressbar-text-back {
|
||||
color:#000;
|
||||
padding-top: 1px;
|
||||
padding-bottom: 1px;
|
||||
padding-right: 1px;
|
||||
}
|
||||
|
||||
.ui-progressbar-disabled {
|
||||
opacity:.5;
|
||||
filter:Alpha(Opacity=50);
|
||||
}
|
||||
|
||||
|
||||
/* custom */
|
||||
.ui-progressbar-text.right-align {
|
||||
text-align: right;
|
||||
padding: 0 5px 0 0;
|
||||
}
|
||||
.ui-progressbar-inner-custom {
|
||||
background: url(../images/custom-bar.gif) repeat-x scroll left center;
|
||||
border-bottom:1px solid #EFEFEF;
|
||||
border-right:0pt none;
|
||||
border-top:1px solid #BEBEBE;
|
||||
height:15px;
|
||||
}
|
||||
.bold {
|
||||
color: red !important;
|
||||
}
|
||||
.ui-hidden {
|
||||
left:-10000px;
|
||||
position:absolute;
|
||||
top:-10000px;
|
||||
visibility:hidden;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body >
|
||||
|
||||
<h1>jQuery - ProgressBar</h1>
|
||||
|
||||
<div id="log">log</div>
|
||||
|
||||
|
||||
<div id='p1'></div><br>
|
||||
|
||||
<button id="p1-create">Create</button>
|
||||
<button id="p1-destroy" onclick="$('#p1').progressbar('destroy');">destroy</button>
|
||||
<button id="p1-start" onclick="$('#p1').progressbar('start');">Start</button>
|
||||
<button id="p1-stop" onclick="$('#p1').progressbar('stop');">Stop</button>
|
||||
<button id="p1-stop" onclick="$('#p1').progressbar('pause');">pause</button>
|
||||
<button id="p1-enable" onclick="$('#p1').progressbar('enable');">enable</button>
|
||||
<button id="p1-disable" onclick="$('#p1').progressbar('disable');">disable</button>
|
||||
<button id="p1-progress" onclick="$('#p1').progressbar('progress', 50);">progress to 50</button>
|
||||
<button id="p1-progress" onclick="$('#p1').progressbar('text', 'Textchanged!');">Change text</button>
|
||||
|
||||
<br><br>
|
||||
|
||||
<div id='p2'></div><br>
|
||||
|
||||
<button id="p2-create">Create</button>
|
||||
<button id="p2-destroy" onclick="$('#p2').progressbar('destroy');">destroy</button>
|
||||
<button id="p2-start" onclick="$('#p2').progressbar('start');">Start</button>
|
||||
<button id="p2-stop" onclick="$('#p2').progressbar('stop');">Stop</button>
|
||||
<button id="p2-stop" onclick="$('#p2').progressbar('pause');">pause</button>
|
||||
<button id="p2-enable" onclick="$('#p2').progressbar('enable');">enable</button>
|
||||
<button id="p2-disable" onclick="$('#p2').progressbar('disable');">disable</button>
|
||||
<button id="p2-progress" onclick="$('#p2').progressbar('progress', 40);">progress to 50</button>
|
||||
|
||||
<br><br>
|
||||
|
||||
<div id='p3'></div><br>
|
||||
|
||||
<button id="p3-create">Create</button>
|
||||
<button id="p3-destroy" onclick="$('#p3').progressbar('destroy');">destroy</button>
|
||||
<button id="p3-start" onclick="$('#p3').progressbar('start');">Start</button>
|
||||
<button id="p3-stop" onclick="$('#p3').progressbar('stop');">Stop</button>
|
||||
<button id="p3-stop" onclick="$('#p3').progressbar('pause');">pause</button>
|
||||
<button id="p3-enable" onclick="$('#p3').progressbar('enable');">enable</button>
|
||||
<button id="p3-disable" onclick="$('#p3').progressbar('disable');">disable</button>
|
||||
<button id="p3-progress" onclick="$('#p3').progressbar('progress', $('#p3-value').val());">progress to</button>
|
||||
<input type="text" id="p3-value" value="35"/>
|
||||
|
||||
<br><br>
|
||||
|
||||
<button id="p2-startall" onclick="$('#p2, #p1, #p3').progressbar('start');">Start All</button>
|
||||
<button id="p2-stopall" onclick="$('#p2, #p1, #p3').progressbar('stop');">Stop All</button>
|
||||
<button id="p2-stopall" onclick="$('#p2, #p1, #p3').progressbar('pause');">Pause All</button>
|
||||
|
||||
<script>
|
||||
|
||||
$(function() {
|
||||
|
||||
$('#p1-create').click(function() {
|
||||
|
||||
$('#p1').progressbar({
|
||||
|
||||
text: 'jQuery ProgressBar waiting...',
|
||||
|
||||
//addClass: 'ui-progressbar-inner-custom teste',
|
||||
|
||||
//textClass: 'right-align',
|
||||
|
||||
//align: 'right',
|
||||
|
||||
equation: 'easeOutBounce',
|
||||
|
||||
width: 500,
|
||||
|
||||
duration: 3000,
|
||||
|
||||
interval: 800,
|
||||
|
||||
increment: 1,
|
||||
|
||||
progress: function(ui) {
|
||||
//console.log(ui.pixelRange);
|
||||
//console.log(ui);
|
||||
//ui.instance.text('Waiting...');
|
||||
},
|
||||
|
||||
stop: function(ui) {
|
||||
//console.log('user stop', ui);
|
||||
},
|
||||
|
||||
start: function(ui) {
|
||||
//console.log('user start', ui);
|
||||
console.log('p1', ui.identifier);
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
}).trigger("click");
|
||||
|
||||
|
||||
$('#p2-create').click(function() {
|
||||
|
||||
$('#p2').progressbar({
|
||||
|
||||
text: 'Testing...',
|
||||
|
||||
//addClass: 'ui-progressbar-inner-custom teste',
|
||||
|
||||
//textClass: 'right-align',
|
||||
|
||||
//align: 'right',
|
||||
|
||||
width: 500,
|
||||
|
||||
duration: 5000,
|
||||
|
||||
equation: 'easeInOutQuint',
|
||||
|
||||
interval: 2000,
|
||||
|
||||
increment: 50,
|
||||
|
||||
progress: function(ui) {
|
||||
//console.log(ui.pixelRange);
|
||||
//console.log(ui);
|
||||
//ui.instance.text('Waiting...');
|
||||
},
|
||||
|
||||
stop: function(ui) {
|
||||
//console.log('user stop', ui);
|
||||
},
|
||||
|
||||
start: function(ui) {
|
||||
//console.log('user start', ui);
|
||||
console.log('p2', ui.identifier);
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
}).trigger("click");
|
||||
|
||||
|
||||
$('#p3-create').click(function() {
|
||||
|
||||
$('#p3').progressbar({
|
||||
|
||||
//text: 'Testing again...',
|
||||
|
||||
//addClass: 'ui-progressbar-inner-custom teste',
|
||||
|
||||
//textClass: 'right-align',
|
||||
|
||||
//align: 'right',
|
||||
|
||||
width: 700,
|
||||
|
||||
duration: 5000,
|
||||
|
||||
interval: 3000,
|
||||
|
||||
increment: 10,
|
||||
|
||||
progress: function(ui) {
|
||||
//console.log(ui.pixelRange);
|
||||
//console.log(ui);
|
||||
//ui.instance.text('Waiting...');
|
||||
},
|
||||
|
||||
stop: function(ui) {
|
||||
//console.log('user stop', ui);
|
||||
},
|
||||
|
||||
start: function(ui) {
|
||||
//console.log('user start', ui);
|
||||
console.log('p3', ui.identifier);
|
||||
}
|
||||
|
||||
});
|
||||
}).trigger('click');
|
||||
});
|
||||
|
||||
if(!window.console) {
|
||||
window.console = {
|
||||
log: function() {
|
||||
$('#log').append(arguments[0]+"<br>");
|
||||
$('#log').scrollTop(999999);
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -1,26 +1,26 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Simple Resizable</title>
|
||||
<link rel="stylesheet" href="all.css" type="text/css" media="screen">
|
||||
<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.resizable.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("#resizable").resizable();
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<ul class="plugins">
|
||||
<li>
|
||||
Resizable
|
||||
<div id="resizable"></div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Simple Resizable</title>
|
||||
<link rel="stylesheet" href="all.css" type="text/css" media="screen">
|
||||
<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.resizable.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("#resizable").resizable();
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<ul class="plugins">
|
||||
<li>
|
||||
Resizable
|
||||
<div id="resizable"></div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -1,36 +1,36 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Simple Selectable</title>
|
||||
<link rel="stylesheet" href="all.css" type="text/css" media="screen">
|
||||
<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.selectable.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("#selectable").selectable();
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<ul class="plugins">
|
||||
<li>
|
||||
Selectable
|
||||
<div id="selectable">
|
||||
<div>1</div>
|
||||
<div>2</div>
|
||||
<div>3</div>
|
||||
<div>4</div>
|
||||
<div>5</div>
|
||||
<div>6</div>
|
||||
<div>7</div>
|
||||
<div>8</div>
|
||||
<div>9</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Simple Selectable</title>
|
||||
<link rel="stylesheet" href="all.css" type="text/css" media="screen">
|
||||
<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.selectable.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("#selectable").selectable();
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<ul class="plugins">
|
||||
<li>
|
||||
Selectable
|
||||
<div id="selectable">
|
||||
<div>1</div>
|
||||
<div>2</div>
|
||||
<div>3</div>
|
||||
<div>4</div>
|
||||
<div>5</div>
|
||||
<div>6</div>
|
||||
<div>7</div>
|
||||
<div>8</div>
|
||||
<div>9</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -1,26 +1,26 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Simple Slider</title>
|
||||
<link rel="stylesheet" href="all.css" type="text/css" media="screen">
|
||||
<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.slider.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("#slider").slider();
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<ul class="plugins">
|
||||
<li>
|
||||
Slider
|
||||
<div id="slider"></div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Simple Slider</title>
|
||||
<link rel="stylesheet" href="all.css" type="text/css" media="screen">
|
||||
<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.slider.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("#slider").slider();
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<ul class="plugins">
|
||||
<li>
|
||||
Slider
|
||||
<div id="slider"></div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -1,36 +1,36 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Simple Sortable</title>
|
||||
<link rel="stylesheet" href="all.css" type="text/css" media="screen">
|
||||
<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.sortable.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("#sortable").sortable();
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<ul class="plugins">
|
||||
<li>
|
||||
Sortable
|
||||
<div id="sortable">
|
||||
<div>C</div>
|
||||
<div>I</div>
|
||||
<div>G</div>
|
||||
<div>F</div>
|
||||
<div>D</div>
|
||||
<div>H</div>
|
||||
<div>A</div>
|
||||
<div>E</div>
|
||||
<div>B</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Simple Sortable</title>
|
||||
<link rel="stylesheet" href="all.css" type="text/css" media="screen">
|
||||
<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.sortable.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("#sortable").sortable();
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<ul class="plugins">
|
||||
<li>
|
||||
Sortable
|
||||
<div id="sortable">
|
||||
<div>C</div>
|
||||
<div>I</div>
|
||||
<div>G</div>
|
||||
<div>F</div>
|
||||
<div>D</div>
|
||||
<div>H</div>
|
||||
<div>A</div>
|
||||
<div>E</div>
|
||||
<div>B</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@ -1,220 +1,220 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>jQuery UI Spinner Test page</title>
|
||||
<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.spinner.js"></script>
|
||||
|
||||
|
||||
<script type="text/javascript">
|
||||
$(function(){
|
||||
var itemList = [
|
||||
{url: "http://ejohn.org", title: "John Resig"},
|
||||
{url: "http://bassistance.de/", title: "Jörn Zaefferer"},
|
||||
{url: "http://snook.ca/jonathan/", title: "Jonathan Snook"},
|
||||
{url: "http://rdworth.org/", title: "Richard Worth"},
|
||||
{url: "http://www.paulbakaus.com/", title: "Paul Bakaus"},
|
||||
{url: "http://www.yehudakatz.com/", title: "Yehuda Katz"},
|
||||
{url: "http://www.azarask.in/", title: "Aza Raskin"},
|
||||
{url: "http://www.karlswedberg.com/", title: "Karl Swedberg"},
|
||||
{url: "http://scottjehl.com/", title: "Scott Jehl"},
|
||||
{url: "http://jdsharp.us/", title: "Jonathan Sharp"},
|
||||
{url: "http://www.kevinhoyt.org/", title: "Kevin Hoyt"},
|
||||
{url: "http://www.codylindley.com/", title: "Cody Lindley"},
|
||||
{url: "http://malsup.com/jquery/", title: "Mike Alsup"}
|
||||
];
|
||||
|
||||
var opts = {
|
||||
's1': {},
|
||||
's2': {stepping: 0.25},
|
||||
's3': {currency: '$'},
|
||||
's4': {},
|
||||
's5': {
|
||||
init: function(ui) {
|
||||
for (var i=0; i<itemList.length; i++) {
|
||||
ui.add(itemList[i].title +' <a href="'+ itemList[i].url +'" target="_blank">»</a>');
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
for (var n in opts)
|
||||
$("#"+n).spinner(opts[n]);
|
||||
|
||||
$("button").click(function(e){
|
||||
var ns = $(this).attr('id').match(/(s\d)\-(\w+)$/);
|
||||
if (ns != null)
|
||||
$('#'+ns[1]).spinner( (ns[2] == 'create') ? opts[ns[1]] : ns[2]);
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
<style type="text/css">
|
||||
|
||||
body
|
||||
{
|
||||
background: #fff;
|
||||
font-family: Arial;
|
||||
}
|
||||
|
||||
label {
|
||||
float: left;
|
||||
margin-right: .5em;
|
||||
padding: .15em 0;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.ui-spinner {
|
||||
width: 15em;
|
||||
display: block;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
border: 1px solid #999;
|
||||
background: #FEFEFE url(../images/spinner-bg.gif) repeat-x left bottom;
|
||||
padding: 0 5px;
|
||||
}
|
||||
|
||||
.ui-spinner-disabled {
|
||||
background: #F4F4F4;
|
||||
color: #CCC;
|
||||
}
|
||||
|
||||
.ui-spinner-box {
|
||||
width: 90%;
|
||||
height: 100%;
|
||||
float: left;
|
||||
font-size: 125%;
|
||||
border: none;
|
||||
background: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.ui-spinner-up,
|
||||
.ui-spinner-down {
|
||||
width: 10%;
|
||||
height: 50%;
|
||||
font-size: 0.5em;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
z-index: 100;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
cursor: default;
|
||||
border: 1px solid #999;
|
||||
border-right: none;
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
.ui-spinner-down {
|
||||
bottom: 0;
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
.ui-spinner-pressed {
|
||||
background: #FEFEFE;
|
||||
}
|
||||
|
||||
.ui-spinner-list,
|
||||
.ui-spinner-listitem {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<h1>jQuery UI Spinner Test Page</h1>
|
||||
|
||||
<p>This is a visual test page for developers and demonstrates some of the features included in ui.spinner. Mousewheel support is provided by the <a href="http://plugins.jquery.com/project/mousewheel">mousewheel plugin</a>.</p>
|
||||
|
||||
<p><label for="s1">Basic: </label>
|
||||
<input type="text" id="s1" value="10" /></p>
|
||||
|
||||
<p>
|
||||
<button id="s1-disable">disable</button>
|
||||
<button id="s1-enable">enable</button>
|
||||
<button id="s1-destroy">destroy</button>
|
||||
<button id="s1-create">create</button>
|
||||
</p>
|
||||
|
||||
<hr />
|
||||
|
||||
<p><label for="s2">Decimal: </label>
|
||||
<input type="text" id="s2" value="10.25" /></p>
|
||||
|
||||
<p>
|
||||
<button id="s2-disable">disable</button>
|
||||
<button id="s2-enable">enable</button>
|
||||
<button id="s2-destroy">destroy</button>
|
||||
<button id="s2-create">create</button>
|
||||
</p>
|
||||
|
||||
<hr />
|
||||
|
||||
<p><label for="s3">Currency: </label>
|
||||
<input type="text" id="s3" /></p>
|
||||
|
||||
<p>
|
||||
<button id="s3-disable">disable</button>
|
||||
<button id="s3-enable">enable</button>
|
||||
<button id="s3-destroy">destroy</button>
|
||||
<button id="s3-create">create</button>
|
||||
</p>
|
||||
|
||||
<hr />
|
||||
|
||||
<p><label for="s4">Data List: </label>
|
||||
<ul id="s4">
|
||||
<li>item 1</li>
|
||||
<li>item 2</li>
|
||||
<li>item 3</li>
|
||||
<li>item 4</li>
|
||||
<li>item 5</li>
|
||||
<li>item 6</li>
|
||||
<li>item 7</li>
|
||||
<li>item 8</li>
|
||||
<li>item 9</li>
|
||||
<li>item 10</li>
|
||||
<li>item 11</li>
|
||||
<li>item 12</li>
|
||||
<li>item 13</li>
|
||||
<li>item 14</li>
|
||||
<li>item 15</li>
|
||||
<li>item 16</li>
|
||||
<li>item 17</li>
|
||||
<li>item 18</li>
|
||||
<li>item 19</li>
|
||||
<li>item 20</li>
|
||||
</ul>
|
||||
|
||||
<p>
|
||||
<button id="s4-disable">disable</button>
|
||||
<button id="s4-enable">enable</button>
|
||||
<button id="s4-destroy">destroy</button>
|
||||
<button id="s4-create">create</button>
|
||||
</p>
|
||||
|
||||
<hr />
|
||||
|
||||
<p><label for="s5">Presenters: </label>
|
||||
<div id="s5"></div>
|
||||
|
||||
<p>
|
||||
<button id="s5-disable">disable</button>
|
||||
<button id="s5-enable">enable</button>
|
||||
<button id="s5-destroy">destroy</button>
|
||||
<button id="s5-create">create</button>
|
||||
</p>
|
||||
|
||||
<hr />
|
||||
|
||||
|
||||
</body>
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>jQuery UI Spinner Test page</title>
|
||||
<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.spinner.js"></script>
|
||||
|
||||
|
||||
<script type="text/javascript">
|
||||
$(function(){
|
||||
var itemList = [
|
||||
{url: "http://ejohn.org", title: "John Resig"},
|
||||
{url: "http://bassistance.de/", title: "Jörn Zaefferer"},
|
||||
{url: "http://snook.ca/jonathan/", title: "Jonathan Snook"},
|
||||
{url: "http://rdworth.org/", title: "Richard Worth"},
|
||||
{url: "http://www.paulbakaus.com/", title: "Paul Bakaus"},
|
||||
{url: "http://www.yehudakatz.com/", title: "Yehuda Katz"},
|
||||
{url: "http://www.azarask.in/", title: "Aza Raskin"},
|
||||
{url: "http://www.karlswedberg.com/", title: "Karl Swedberg"},
|
||||
{url: "http://scottjehl.com/", title: "Scott Jehl"},
|
||||
{url: "http://jdsharp.us/", title: "Jonathan Sharp"},
|
||||
{url: "http://www.kevinhoyt.org/", title: "Kevin Hoyt"},
|
||||
{url: "http://www.codylindley.com/", title: "Cody Lindley"},
|
||||
{url: "http://malsup.com/jquery/", title: "Mike Alsup"}
|
||||
];
|
||||
|
||||
var opts = {
|
||||
's1': {},
|
||||
's2': {stepping: 0.25},
|
||||
's3': {currency: '$'},
|
||||
's4': {},
|
||||
's5': {
|
||||
init: function(ui) {
|
||||
for (var i=0; i<itemList.length; i++) {
|
||||
ui.add(itemList[i].title +' <a href="'+ itemList[i].url +'" target="_blank">»</a>');
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
for (var n in opts)
|
||||
$("#"+n).spinner(opts[n]);
|
||||
|
||||
$("button").click(function(e){
|
||||
var ns = $(this).attr('id').match(/(s\d)\-(\w+)$/);
|
||||
if (ns != null)
|
||||
$('#'+ns[1]).spinner( (ns[2] == 'create') ? opts[ns[1]] : ns[2]);
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
<style type="text/css">
|
||||
|
||||
body
|
||||
{
|
||||
background: #fff;
|
||||
font-family: Arial;
|
||||
}
|
||||
|
||||
label {
|
||||
float: left;
|
||||
margin-right: .5em;
|
||||
padding: .15em 0;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.ui-spinner {
|
||||
width: 15em;
|
||||
display: block;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
border: 1px solid #999;
|
||||
background: #FEFEFE url(../images/spinner-bg.gif) repeat-x left bottom;
|
||||
padding: 0 5px;
|
||||
}
|
||||
|
||||
.ui-spinner-disabled {
|
||||
background: #F4F4F4;
|
||||
color: #CCC;
|
||||
}
|
||||
|
||||
.ui-spinner-box {
|
||||
width: 90%;
|
||||
height: 100%;
|
||||
float: left;
|
||||
font-size: 125%;
|
||||
border: none;
|
||||
background: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.ui-spinner-up,
|
||||
.ui-spinner-down {
|
||||
width: 10%;
|
||||
height: 50%;
|
||||
font-size: 0.5em;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
z-index: 100;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
cursor: default;
|
||||
border: 1px solid #999;
|
||||
border-right: none;
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
.ui-spinner-down {
|
||||
bottom: 0;
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
.ui-spinner-pressed {
|
||||
background: #FEFEFE;
|
||||
}
|
||||
|
||||
.ui-spinner-list,
|
||||
.ui-spinner-listitem {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<h1>jQuery UI Spinner Test Page</h1>
|
||||
|
||||
<p>This is a visual test page for developers and demonstrates some of the features included in ui.spinner. Mousewheel support is provided by the <a href="http://plugins.jquery.com/project/mousewheel">mousewheel plugin</a>.</p>
|
||||
|
||||
<p><label for="s1">Basic: </label>
|
||||
<input type="text" id="s1" value="10" /></p>
|
||||
|
||||
<p>
|
||||
<button id="s1-disable">disable</button>
|
||||
<button id="s1-enable">enable</button>
|
||||
<button id="s1-destroy">destroy</button>
|
||||
<button id="s1-create">create</button>
|
||||
</p>
|
||||
|
||||
<hr />
|
||||
|
||||
<p><label for="s2">Decimal: </label>
|
||||
<input type="text" id="s2" value="10.25" /></p>
|
||||
|
||||
<p>
|
||||
<button id="s2-disable">disable</button>
|
||||
<button id="s2-enable">enable</button>
|
||||
<button id="s2-destroy">destroy</button>
|
||||
<button id="s2-create">create</button>
|
||||
</p>
|
||||
|
||||
<hr />
|
||||
|
||||
<p><label for="s3">Currency: </label>
|
||||
<input type="text" id="s3" /></p>
|
||||
|
||||
<p>
|
||||
<button id="s3-disable">disable</button>
|
||||
<button id="s3-enable">enable</button>
|
||||
<button id="s3-destroy">destroy</button>
|
||||
<button id="s3-create">create</button>
|
||||
</p>
|
||||
|
||||
<hr />
|
||||
|
||||
<p><label for="s4">Data List: </label>
|
||||
<ul id="s4">
|
||||
<li>item 1</li>
|
||||
<li>item 2</li>
|
||||
<li>item 3</li>
|
||||
<li>item 4</li>
|
||||
<li>item 5</li>
|
||||
<li>item 6</li>
|
||||
<li>item 7</li>
|
||||
<li>item 8</li>
|
||||
<li>item 9</li>
|
||||
<li>item 10</li>
|
||||
<li>item 11</li>
|
||||
<li>item 12</li>
|
||||
<li>item 13</li>
|
||||
<li>item 14</li>
|
||||
<li>item 15</li>
|
||||
<li>item 16</li>
|
||||
<li>item 17</li>
|
||||
<li>item 18</li>
|
||||
<li>item 19</li>
|
||||
<li>item 20</li>
|
||||
</ul>
|
||||
|
||||
<p>
|
||||
<button id="s4-disable">disable</button>
|
||||
<button id="s4-enable">enable</button>
|
||||
<button id="s4-destroy">destroy</button>
|
||||
<button id="s4-create">create</button>
|
||||
</p>
|
||||
|
||||
<hr />
|
||||
|
||||
<p><label for="s5">Presenters: </label>
|
||||
<div id="s5"></div>
|
||||
|
||||
<p>
|
||||
<button id="s5-disable">disable</button>
|
||||
<button id="s5-enable">enable</button>
|
||||
<button id="s5-destroy">destroy</button>
|
||||
<button id="s5-create">create</button>
|
||||
</p>
|
||||
|
||||
<hr />
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -1,100 +1,100 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
|
||||
<title>Untitled Document</title>
|
||||
|
||||
<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.draggable.js"></script>
|
||||
<script type="text/javascript" src="../../ui/ui.droppable.js"></script>
|
||||
<script type="text/javascript" src="../../ui/ui.resizable.js"></script>
|
||||
<script type="text/javascript" src="../../ui/ui.sortable.js"></script>
|
||||
<script type="text/javascript" src="../../../branches/1.8/ui.tree.js"></script>
|
||||
|
||||
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
|
||||
$("ul.sortable").tree({
|
||||
sortOn: "li",
|
||||
dropOn: ".folder",
|
||||
dropHoverClass: "hover"
|
||||
});
|
||||
|
||||
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
<style type="text/css">
|
||||
body {
|
||||
background:#fff;
|
||||
color:#333;
|
||||
font-size:11px;
|
||||
font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
|
||||
}
|
||||
|
||||
.hover {
|
||||
background: green;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.placeholder {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.hover-up {
|
||||
border-bottom: 2px solid black;
|
||||
}
|
||||
|
||||
.hover-down {
|
||||
border-top: 2px solid black;
|
||||
}
|
||||
|
||||
.folder {
|
||||
border: 1px solid black;
|
||||
}
|
||||
|
||||
li {
|
||||
padding: 3px;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<ul class="sortable">
|
||||
<li><div class="folder">Item 1</div></li>
|
||||
<li><div class="folder">Item 2</div>
|
||||
<ul>
|
||||
<li>Sub Item 1</li>
|
||||
<li>Sub Item 3</li>
|
||||
<li>Sub Item 4</li>
|
||||
<li>Sub Item 5</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><div class="folder">Item 3</div></li>
|
||||
<li><div class="folder">Item 4</div></li>
|
||||
<li><div class="folder">Item 4</div></li>
|
||||
<li><div class="folder">Item 4</div></li>
|
||||
<li><div class="folder">Item 4</div></li>
|
||||
<li><div class="folder">Item 4</div></li>
|
||||
<li><div class="folder">Item 4</div></li>
|
||||
<li><div class="folder">Item 4</div></li>
|
||||
<li><div class="folder">Item 2</div>
|
||||
<ul>
|
||||
<li>Sub Item 1</li>
|
||||
<li>Sub Item 3</li>
|
||||
<li>Sub Item 4</li>
|
||||
<li>Sub Item 5</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>Item 6</li>
|
||||
<li>Item 7</li>
|
||||
<li>Item 8</li>
|
||||
</ul>
|
||||
|
||||
</body>
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
|
||||
<title>Untitled Document</title>
|
||||
|
||||
<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.draggable.js"></script>
|
||||
<script type="text/javascript" src="../../ui/ui.droppable.js"></script>
|
||||
<script type="text/javascript" src="../../ui/ui.resizable.js"></script>
|
||||
<script type="text/javascript" src="../../ui/ui.sortable.js"></script>
|
||||
<script type="text/javascript" src="../../../branches/1.8/ui.tree.js"></script>
|
||||
|
||||
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
|
||||
$("ul.sortable").tree({
|
||||
sortOn: "li",
|
||||
dropOn: ".folder",
|
||||
dropHoverClass: "hover"
|
||||
});
|
||||
|
||||
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
<style type="text/css">
|
||||
body {
|
||||
background:#fff;
|
||||
color:#333;
|
||||
font-size:11px;
|
||||
font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
|
||||
}
|
||||
|
||||
.hover {
|
||||
background: green;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.placeholder {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.hover-up {
|
||||
border-bottom: 2px solid black;
|
||||
}
|
||||
|
||||
.hover-down {
|
||||
border-top: 2px solid black;
|
||||
}
|
||||
|
||||
.folder {
|
||||
border: 1px solid black;
|
||||
}
|
||||
|
||||
li {
|
||||
padding: 3px;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<ul class="sortable">
|
||||
<li><div class="folder">Item 1</div></li>
|
||||
<li><div class="folder">Item 2</div>
|
||||
<ul>
|
||||
<li>Sub Item 1</li>
|
||||
<li>Sub Item 3</li>
|
||||
<li>Sub Item 4</li>
|
||||
<li>Sub Item 5</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><div class="folder">Item 3</div></li>
|
||||
<li><div class="folder">Item 4</div></li>
|
||||
<li><div class="folder">Item 4</div></li>
|
||||
<li><div class="folder">Item 4</div></li>
|
||||
<li><div class="folder">Item 4</div></li>
|
||||
<li><div class="folder">Item 4</div></li>
|
||||
<li><div class="folder">Item 4</div></li>
|
||||
<li><div class="folder">Item 4</div></li>
|
||||
<li><div class="folder">Item 2</div>
|
||||
<ul>
|
||||
<li>Sub Item 1</li>
|
||||
<li>Sub Item 3</li>
|
||||
<li>Sub Item 4</li>
|
||||
<li>Sub Item 5</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>Item 6</li>
|
||||
<li>Item 7</li>
|
||||
<li>Item 8</li>
|
||||
</ul>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
File diff suppressed because it is too large
Load Diff
@ -1,213 +1,213 @@
|
||||
/* Main Style Sheet for jQuery UI date picker */
|
||||
#ui-datepicker-div, .ui-datepicker-inline {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 14px;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
background: #ddd;
|
||||
width: 185px;
|
||||
}
|
||||
#ui-datepicker-div {
|
||||
display: none;
|
||||
border: 1px solid #777;
|
||||
z-index: 100; /*must have*/
|
||||
}
|
||||
.ui-datepicker-inline {
|
||||
float: left;
|
||||
display: block;
|
||||
border: 0;
|
||||
}
|
||||
.ui-datepicker-rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
.ui-datepicker-dialog {
|
||||
padding: 5px !important;
|
||||
border: 4px ridge #ddd !important;
|
||||
}
|
||||
.ui-datepicker-disabled {
|
||||
position: absolute;
|
||||
z-index: 100;
|
||||
background-color: white;
|
||||
opacity: 0.5;
|
||||
}
|
||||
button.ui-datepicker-trigger {
|
||||
width: 25px;
|
||||
}
|
||||
img.ui-datepicker-trigger {
|
||||
margin: 2px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.ui-datepicker-prompt {
|
||||
float: left;
|
||||
padding: 2px;
|
||||
background: #ddd;
|
||||
color: #000;
|
||||
}
|
||||
* html .ui-datepicker-prompt {
|
||||
width: 185px;
|
||||
}
|
||||
.ui-datepicker-control, .ui-datepicker-links, .ui-datepicker-header, .ui-datepicker {
|
||||
clear: both;
|
||||
float: left;
|
||||
width: 100%;
|
||||
color: #fff;
|
||||
}
|
||||
.ui-datepicker-control {
|
||||
background: #400;
|
||||
padding: 2px 0px;
|
||||
}
|
||||
.ui-datepicker-links {
|
||||
background: #000;
|
||||
padding: 2px 0px;
|
||||
}
|
||||
.ui-datepicker-control, .ui-datepicker-links {
|
||||
font-weight: bold;
|
||||
font-size: 80%;
|
||||
}
|
||||
.ui-datepicker-links label { /* disabled links */
|
||||
padding: 2px 5px;
|
||||
color: #888;
|
||||
}
|
||||
.ui-datepicker-clear, .ui-datepicker-prev {
|
||||
float: left;
|
||||
width: 34%;
|
||||
}
|
||||
.ui-datepicker-rtl .ui-datepicker-clear, .ui-datepicker-rtl .ui-datepicker-prev {
|
||||
float: right;
|
||||
text-align: right;
|
||||
}
|
||||
.ui-datepicker-current {
|
||||
float: left;
|
||||
width: 30%;
|
||||
text-align: center;
|
||||
}
|
||||
.ui-datepicker-close, .ui-datepicker-next {
|
||||
float: right;
|
||||
width: 34%;
|
||||
text-align: right;
|
||||
}
|
||||
.ui-datepicker-rtl .ui-datepicker-close, .ui-datepicker-rtl .ui-datepicker-next {
|
||||
float: left;
|
||||
text-align: left;
|
||||
}
|
||||
.ui-datepicker-header {
|
||||
padding: 1px 0 3px;
|
||||
background: #333;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
height: 1.3em;
|
||||
}
|
||||
.ui-datepicker-header select {
|
||||
background: #333;
|
||||
color: #fff;
|
||||
border: 0px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.ui-datepicker {
|
||||
background: #ccc;
|
||||
text-align: center;
|
||||
font-size: 100%;
|
||||
}
|
||||
.ui-datepicker a {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
.ui-datepicker-title-row {
|
||||
background: #777;
|
||||
}
|
||||
.ui-datepicker-days-row {
|
||||
background: #eee;
|
||||
color: #666;
|
||||
}
|
||||
.ui-datepicker-week-col {
|
||||
background: #777;
|
||||
color: #fff;
|
||||
}
|
||||
.ui-datepicker-days-cell {
|
||||
color: #000;
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
.ui-datepicker-days-cell a{
|
||||
display: block;
|
||||
}
|
||||
.ui-datepicker-week-end-cell {
|
||||
background: #ddd;
|
||||
}
|
||||
.ui-datepicker-title-row .ui-datepicker-week-end-cell {
|
||||
background: #777;
|
||||
}
|
||||
.ui-datepicker-days-cell-over {
|
||||
background: #fff;
|
||||
border: 1px solid #777;
|
||||
}
|
||||
.ui-datepicker-unselectable {
|
||||
color: #888;
|
||||
}
|
||||
.ui-datepicker-today {
|
||||
background: #fcc !important;
|
||||
}
|
||||
.ui-datepicker-current-day {
|
||||
background: #999 !important;
|
||||
}
|
||||
.ui-datepicker-status {
|
||||
background: #ddd;
|
||||
width: 100%;
|
||||
font-size: 80%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* ________ Datepicker Links _______
|
||||
|
||||
** Reset link properties and then override them with !important */
|
||||
#ui-datepicker-div a, .ui-datepicker-inline a {
|
||||
cursor: pointer;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background: none;
|
||||
color: #000;
|
||||
}
|
||||
.ui-datepicker-inline .ui-datepicker-links a {
|
||||
padding: 0 5px !important;
|
||||
}
|
||||
.ui-datepicker-control a, .ui-datepicker-links a {
|
||||
padding: 2px 5px !important;
|
||||
color: #eee !important;
|
||||
}
|
||||
.ui-datepicker-title-row a {
|
||||
color: #eee !important;
|
||||
}
|
||||
.ui-datepicker-control a:hover {
|
||||
background: #fdd !important;
|
||||
color: #333 !important;
|
||||
}
|
||||
.ui-datepicker-links a:hover, .ui-datepicker-title-row a:hover {
|
||||
background: #ddd !important;
|
||||
color: #333 !important;
|
||||
}
|
||||
|
||||
/* ___________ MULTIPLE MONTHS _________*/
|
||||
|
||||
.ui-datepicker-multi .ui-datepicker {
|
||||
border: 1px solid #777;
|
||||
}
|
||||
.ui-datepicker-one-month {
|
||||
float: left;
|
||||
width: 185px;
|
||||
}
|
||||
.ui-datepicker-new-row {
|
||||
clear: left;
|
||||
}
|
||||
|
||||
/* ___________ IE6 IFRAME FIX ________ */
|
||||
|
||||
.ui-datepicker-cover {
|
||||
display: none; /*sorry for IE5*/
|
||||
display/**/: block; /*sorry for IE5*/
|
||||
position: absolute; /*must have*/
|
||||
z-index: -1; /*must have*/
|
||||
filter: mask(); /*must have*/
|
||||
top: -4px; /*must have*/
|
||||
left: -4px; /*must have*/
|
||||
width: 200px; /*must have*/
|
||||
height: 200px; /*must have*/
|
||||
}
|
||||
/* Main Style Sheet for jQuery UI date picker */
|
||||
#ui-datepicker-div, .ui-datepicker-inline {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 14px;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
background: #ddd;
|
||||
width: 185px;
|
||||
}
|
||||
#ui-datepicker-div {
|
||||
display: none;
|
||||
border: 1px solid #777;
|
||||
z-index: 100; /*must have*/
|
||||
}
|
||||
.ui-datepicker-inline {
|
||||
float: left;
|
||||
display: block;
|
||||
border: 0;
|
||||
}
|
||||
.ui-datepicker-rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
.ui-datepicker-dialog {
|
||||
padding: 5px !important;
|
||||
border: 4px ridge #ddd !important;
|
||||
}
|
||||
.ui-datepicker-disabled {
|
||||
position: absolute;
|
||||
z-index: 100;
|
||||
background-color: white;
|
||||
opacity: 0.5;
|
||||
}
|
||||
button.ui-datepicker-trigger {
|
||||
width: 25px;
|
||||
}
|
||||
img.ui-datepicker-trigger {
|
||||
margin: 2px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.ui-datepicker-prompt {
|
||||
float: left;
|
||||
padding: 2px;
|
||||
background: #ddd;
|
||||
color: #000;
|
||||
}
|
||||
* html .ui-datepicker-prompt {
|
||||
width: 185px;
|
||||
}
|
||||
.ui-datepicker-control, .ui-datepicker-links, .ui-datepicker-header, .ui-datepicker {
|
||||
clear: both;
|
||||
float: left;
|
||||
width: 100%;
|
||||
color: #fff;
|
||||
}
|
||||
.ui-datepicker-control {
|
||||
background: #400;
|
||||
padding: 2px 0px;
|
||||
}
|
||||
.ui-datepicker-links {
|
||||
background: #000;
|
||||
padding: 2px 0px;
|
||||
}
|
||||
.ui-datepicker-control, .ui-datepicker-links {
|
||||
font-weight: bold;
|
||||
font-size: 80%;
|
||||
}
|
||||
.ui-datepicker-links label { /* disabled links */
|
||||
padding: 2px 5px;
|
||||
color: #888;
|
||||
}
|
||||
.ui-datepicker-clear, .ui-datepicker-prev {
|
||||
float: left;
|
||||
width: 34%;
|
||||
}
|
||||
.ui-datepicker-rtl .ui-datepicker-clear, .ui-datepicker-rtl .ui-datepicker-prev {
|
||||
float: right;
|
||||
text-align: right;
|
||||
}
|
||||
.ui-datepicker-current {
|
||||
float: left;
|
||||
width: 30%;
|
||||
text-align: center;
|
||||
}
|
||||
.ui-datepicker-close, .ui-datepicker-next {
|
||||
float: right;
|
||||
width: 34%;
|
||||
text-align: right;
|
||||
}
|
||||
.ui-datepicker-rtl .ui-datepicker-close, .ui-datepicker-rtl .ui-datepicker-next {
|
||||
float: left;
|
||||
text-align: left;
|
||||
}
|
||||
.ui-datepicker-header {
|
||||
padding: 1px 0 3px;
|
||||
background: #333;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
height: 1.3em;
|
||||
}
|
||||
.ui-datepicker-header select {
|
||||
background: #333;
|
||||
color: #fff;
|
||||
border: 0px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.ui-datepicker {
|
||||
background: #ccc;
|
||||
text-align: center;
|
||||
font-size: 100%;
|
||||
}
|
||||
.ui-datepicker a {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
.ui-datepicker-title-row {
|
||||
background: #777;
|
||||
}
|
||||
.ui-datepicker-days-row {
|
||||
background: #eee;
|
||||
color: #666;
|
||||
}
|
||||
.ui-datepicker-week-col {
|
||||
background: #777;
|
||||
color: #fff;
|
||||
}
|
||||
.ui-datepicker-days-cell {
|
||||
color: #000;
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
.ui-datepicker-days-cell a{
|
||||
display: block;
|
||||
}
|
||||
.ui-datepicker-week-end-cell {
|
||||
background: #ddd;
|
||||
}
|
||||
.ui-datepicker-title-row .ui-datepicker-week-end-cell {
|
||||
background: #777;
|
||||
}
|
||||
.ui-datepicker-days-cell-over {
|
||||
background: #fff;
|
||||
border: 1px solid #777;
|
||||
}
|
||||
.ui-datepicker-unselectable {
|
||||
color: #888;
|
||||
}
|
||||
.ui-datepicker-today {
|
||||
background: #fcc !important;
|
||||
}
|
||||
.ui-datepicker-current-day {
|
||||
background: #999 !important;
|
||||
}
|
||||
.ui-datepicker-status {
|
||||
background: #ddd;
|
||||
width: 100%;
|
||||
font-size: 80%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* ________ Datepicker Links _______
|
||||
|
||||
** Reset link properties and then override them with !important */
|
||||
#ui-datepicker-div a, .ui-datepicker-inline a {
|
||||
cursor: pointer;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background: none;
|
||||
color: #000;
|
||||
}
|
||||
.ui-datepicker-inline .ui-datepicker-links a {
|
||||
padding: 0 5px !important;
|
||||
}
|
||||
.ui-datepicker-control a, .ui-datepicker-links a {
|
||||
padding: 2px 5px !important;
|
||||
color: #eee !important;
|
||||
}
|
||||
.ui-datepicker-title-row a {
|
||||
color: #eee !important;
|
||||
}
|
||||
.ui-datepicker-control a:hover {
|
||||
background: #fdd !important;
|
||||
color: #333 !important;
|
||||
}
|
||||
.ui-datepicker-links a:hover, .ui-datepicker-title-row a:hover {
|
||||
background: #ddd !important;
|
||||
color: #333 !important;
|
||||
}
|
||||
|
||||
/* ___________ MULTIPLE MONTHS _________*/
|
||||
|
||||
.ui-datepicker-multi .ui-datepicker {
|
||||
border: 1px solid #777;
|
||||
}
|
||||
.ui-datepicker-one-month {
|
||||
float: left;
|
||||
width: 185px;
|
||||
}
|
||||
.ui-datepicker-new-row {
|
||||
clear: left;
|
||||
}
|
||||
|
||||
/* ___________ IE6 IFRAME FIX ________ */
|
||||
|
||||
.ui-datepicker-cover {
|
||||
display: none; /*sorry for IE5*/
|
||||
display/**/: block; /*sorry for IE5*/
|
||||
position: absolute; /*must have*/
|
||||
z-index: -1; /*must have*/
|
||||
filter: mask(); /*must have*/
|
||||
top: -4px; /*must have*/
|
||||
left: -4px; /*must have*/
|
||||
width: 200px; /*must have*/
|
||||
height: 200px; /*must have*/
|
||||
}
|
||||
|
||||
@ -1,25 +1,25 @@
|
||||
/* Esperanto initialisation for the jQuery UI date picker plugin. */
|
||||
/* Written by Olivier M. (olivierweb@ifrance.com). */
|
||||
jQuery(function($){
|
||||
$.datepicker.regional['eo'] = {
|
||||
clearText: 'Vakigi', clearStatus: '',
|
||||
closeText: 'Fermi', closeStatus: 'Fermi sen modifi',
|
||||
prevText: '<Anta', prevStatus: 'Vidi la antaŭan monaton',
|
||||
prevBigText: '<<', prevBigStatus: '',
|
||||
nextText: 'Sekv>', nextStatus: 'Vidi la sekvan monaton',
|
||||
nextBigText: '>>', nextBigStatus: '',
|
||||
currentText: 'Nuna', currentStatus: 'Vidi la nunan monaton',
|
||||
monthNames: ['Januaro','Februaro','Marto','Aprilo','Majo','Junio',
|
||||
'Julio','Aŭgusto','Septembro','Oktobro','Novembro','Decembro'],
|
||||
monthNamesShort: ['Jan','Feb','Mar','Apr','Maj','Jun',
|
||||
'Jul','Aŭg','Sep','Okt','Nov','Dec'],
|
||||
monthStatus: 'Vidi alian monaton', yearStatus: 'Vidi alian jaron',
|
||||
weekHeader: 'Sb', weekStatus: '',
|
||||
dayNames: ['Dimanĉo','Lundo','Mardo','Merkredo','Ĵaŭdo','Vendredo','Sabato'],
|
||||
dayNamesShort: ['Dim','Lun','Mar','Mer','Ĵaŭ','Ven','Sab'],
|
||||
dayNamesMin: ['Di','Lu','Ma','Me','Ĵa','Ve','Sa'],
|
||||
dayStatus: 'Uzi DD kiel unua tago de la semajno', dateStatus: 'Elekti DD, MM d',
|
||||
dateFormat: 'dd/mm/yy', firstDay: 0,
|
||||
initStatus: 'Elekti la daton', isRTL: false};
|
||||
$.datepicker.setDefaults($.datepicker.regional['eo']);
|
||||
});
|
||||
/* Esperanto initialisation for the jQuery UI date picker plugin. */
|
||||
/* Written by Olivier M. (olivierweb@ifrance.com). */
|
||||
jQuery(function($){
|
||||
$.datepicker.regional['eo'] = {
|
||||
clearText: 'Vakigi', clearStatus: '',
|
||||
closeText: 'Fermi', closeStatus: 'Fermi sen modifi',
|
||||
prevText: '<Anta', prevStatus: 'Vidi la antaŭan monaton',
|
||||
prevBigText: '<<', prevBigStatus: '',
|
||||
nextText: 'Sekv>', nextStatus: 'Vidi la sekvan monaton',
|
||||
nextBigText: '>>', nextBigStatus: '',
|
||||
currentText: 'Nuna', currentStatus: 'Vidi la nunan monaton',
|
||||
monthNames: ['Januaro','Februaro','Marto','Aprilo','Majo','Junio',
|
||||
'Julio','Aŭgusto','Septembro','Oktobro','Novembro','Decembro'],
|
||||
monthNamesShort: ['Jan','Feb','Mar','Apr','Maj','Jun',
|
||||
'Jul','Aŭg','Sep','Okt','Nov','Dec'],
|
||||
monthStatus: 'Vidi alian monaton', yearStatus: 'Vidi alian jaron',
|
||||
weekHeader: 'Sb', weekStatus: '',
|
||||
dayNames: ['Dimanĉo','Lundo','Mardo','Merkredo','Ĵaŭdo','Vendredo','Sabato'],
|
||||
dayNamesShort: ['Dim','Lun','Mar','Mer','Ĵaŭ','Ven','Sab'],
|
||||
dayNamesMin: ['Di','Lu','Ma','Me','Ĵa','Ve','Sa'],
|
||||
dayStatus: 'Uzi DD kiel unua tago de la semajno', dateStatus: 'Elekti DD, MM d',
|
||||
dateFormat: 'dd/mm/yy', firstDay: 0,
|
||||
initStatus: 'Elekti la daton', isRTL: false};
|
||||
$.datepicker.setDefaults($.datepicker.regional['eo']);
|
||||
});
|
||||
|
||||
@ -1,25 +1,25 @@
|
||||
/* Croatian i18n for the jQuery UI date picker plugin. */
|
||||
/* Written by Vjekoslav Nesek. */
|
||||
jQuery(function($){
|
||||
$.datepicker.regional['hr'] = {
|
||||
clearText: 'izbriši', clearStatus: 'Izbriši trenutni datum',
|
||||
closeText: 'Zatvori', closeStatus: 'Zatvori kalendar',
|
||||
prevText: '<', prevStatus: 'Prikaži prethodni mjesec',
|
||||
prevBigText: '<<', prevBigStatus: '',
|
||||
nextText: '>', nextStatus: 'Prikaži slijedeći mjesec',
|
||||
nextBigText: '>>', nextBigStatus: '',
|
||||
currentText: 'Danas', currentStatus: 'Današnji datum',
|
||||
monthNames: ['Siječanj','Veljača','Ožujak','Travanj','Svibanj','Lipani',
|
||||
'Srpanj','Kolovoz','Rujan','Listopad','Studeni','Prosinac'],
|
||||
monthNamesShort: ['Sij','Velj','Ožu','Tra','Svi','Lip',
|
||||
'Srp','Kol','Ruj','Lis','Stu','Pro'],
|
||||
monthStatus: 'Prikaži mjesece', yearStatus: 'Prikaži godine',
|
||||
weekHeader: 'Tje', weekStatus: 'Tjedan',
|
||||
dayNames: ['Nedjalja','Ponedjeljak','Utorak','Srijeda','Četvrtak','Petak','Subota'],
|
||||
dayNamesShort: ['Ned','Pon','Uto','Sri','Čet','Pet','Sub'],
|
||||
dayNamesMin: ['Ne','Po','Ut','Sr','Če','Pe','Su'],
|
||||
dayStatus: 'Odaber DD za prvi dan tjedna', dateStatus: '\'Datum\' D, M d',
|
||||
dateFormat: 'dd.mm.yy.', firstDay: 1,
|
||||
initStatus: 'Odaberi datum', isRTL: false};
|
||||
$.datepicker.setDefaults($.datepicker.regional['hr']);
|
||||
/* Croatian i18n for the jQuery UI date picker plugin. */
|
||||
/* Written by Vjekoslav Nesek. */
|
||||
jQuery(function($){
|
||||
$.datepicker.regional['hr'] = {
|
||||
clearText: 'izbriši', clearStatus: 'Izbriši trenutni datum',
|
||||
closeText: 'Zatvori', closeStatus: 'Zatvori kalendar',
|
||||
prevText: '<', prevStatus: 'Prikaži prethodni mjesec',
|
||||
prevBigText: '<<', prevBigStatus: '',
|
||||
nextText: '>', nextStatus: 'Prikaži slijedeći mjesec',
|
||||
nextBigText: '>>', nextBigStatus: '',
|
||||
currentText: 'Danas', currentStatus: 'Današnji datum',
|
||||
monthNames: ['Siječanj','Veljača','Ožujak','Travanj','Svibanj','Lipani',
|
||||
'Srpanj','Kolovoz','Rujan','Listopad','Studeni','Prosinac'],
|
||||
monthNamesShort: ['Sij','Velj','Ožu','Tra','Svi','Lip',
|
||||
'Srp','Kol','Ruj','Lis','Stu','Pro'],
|
||||
monthStatus: 'Prikaži mjesece', yearStatus: 'Prikaži godine',
|
||||
weekHeader: 'Tje', weekStatus: 'Tjedan',
|
||||
dayNames: ['Nedjalja','Ponedjeljak','Utorak','Srijeda','Četvrtak','Petak','Subota'],
|
||||
dayNamesShort: ['Ned','Pon','Uto','Sri','Čet','Pet','Sub'],
|
||||
dayNamesMin: ['Ne','Po','Ut','Sr','Če','Pe','Su'],
|
||||
dayStatus: 'Odaber DD za prvi dan tjedna', dateStatus: '\'Datum\' D, M d',
|
||||
dateFormat: 'dd.mm.yy.', firstDay: 1,
|
||||
initStatus: 'Odaberi datum', isRTL: false};
|
||||
$.datepicker.setDefaults($.datepicker.regional['hr']);
|
||||
});
|
||||
@ -1,25 +1,25 @@
|
||||
/* Armenian(UTF-8) initialisation for the jQuery UI date picker plugin. */
|
||||
/* Written by Levon Zakaryan (levon.zakaryan@gmail.com)*/
|
||||
jQuery(function($){
|
||||
$.datepicker.regional['hy'] = {
|
||||
clearText: 'Մաքրել', clearStatus: '',
|
||||
closeText: 'Փակել', closeStatus: '',
|
||||
prevText: '<Նախ.', prevStatus: '',
|
||||
prevBigText: '<<', prevBigStatus: '',
|
||||
nextText: 'Հաջ.>', nextStatus: '',
|
||||
nextBigText: '>>', nextBigStatus: '',
|
||||
currentText: 'Այսօր', currentStatus: '',
|
||||
monthNames: ['Հունվար','Փետրվար','Մարտ','Ապրիլ','Մայիս','Հունիս',
|
||||
'Հուլիս','Օգոստոս','Սեպտեմբեր','Հոկտեմբեր','Նոյեմբեր','Դեկտեմբեր'],
|
||||
monthNamesShort: ['Հունվ','Փետր','Մարտ','Ապր','Մայիս','Հունիս',
|
||||
'Հուլ','Օգս','Սեպ','Հոկ','Նոյ','Դեկ'],
|
||||
monthStatus: '', yearStatus: '',
|
||||
weekHeader: 'ՇԲՏ', weekStatus: '',
|
||||
dayNames: ['կիրակի','եկուշաբթի','երեքշաբթի','չորեքշաբթի','հինգշաբթի','ուրբաթ','շաբաթ'],
|
||||
dayNamesShort: ['կիր','երկ','երք','չրք','հնգ','ուրբ','շբթ'],
|
||||
dayNamesMin: ['կիր','երկ','երք','չրք','հնգ','ուրբ','շբթ'],
|
||||
dayStatus: 'DD', dateStatus: 'D, M d',
|
||||
dateFormat: 'dd.mm.yy', firstDay: 1,
|
||||
initStatus: '', isRTL: false};
|
||||
$.datepicker.setDefaults($.datepicker.regional['hy']);
|
||||
/* Armenian(UTF-8) initialisation for the jQuery UI date picker plugin. */
|
||||
/* Written by Levon Zakaryan (levon.zakaryan@gmail.com)*/
|
||||
jQuery(function($){
|
||||
$.datepicker.regional['hy'] = {
|
||||
clearText: 'Մաքրել', clearStatus: '',
|
||||
closeText: 'Փակել', closeStatus: '',
|
||||
prevText: '<Նախ.', prevStatus: '',
|
||||
prevBigText: '<<', prevBigStatus: '',
|
||||
nextText: 'Հաջ.>', nextStatus: '',
|
||||
nextBigText: '>>', nextBigStatus: '',
|
||||
currentText: 'Այսօր', currentStatus: '',
|
||||
monthNames: ['Հունվար','Փետրվար','Մարտ','Ապրիլ','Մայիս','Հունիս',
|
||||
'Հուլիս','Օգոստոս','Սեպտեմբեր','Հոկտեմբեր','Նոյեմբեր','Դեկտեմբեր'],
|
||||
monthNamesShort: ['Հունվ','Փետր','Մարտ','Ապր','Մայիս','Հունիս',
|
||||
'Հուլ','Օգս','Սեպ','Հոկ','Նոյ','Դեկ'],
|
||||
monthStatus: '', yearStatus: '',
|
||||
weekHeader: 'ՇԲՏ', weekStatus: '',
|
||||
dayNames: ['կիրակի','եկուշաբթի','երեքշաբթի','չորեքշաբթի','հինգշաբթի','ուրբաթ','շաբաթ'],
|
||||
dayNamesShort: ['կիր','երկ','երք','չրք','հնգ','ուրբ','շբթ'],
|
||||
dayNamesMin: ['կիր','երկ','երք','չրք','հնգ','ուրբ','շբթ'],
|
||||
dayStatus: 'DD', dateStatus: 'D, M d',
|
||||
dateFormat: 'dd.mm.yy', firstDay: 1,
|
||||
initStatus: '', isRTL: false};
|
||||
$.datepicker.setDefaults($.datepicker.regional['hy']);
|
||||
});
|
||||
@ -1,25 +1,25 @@
|
||||
/* Ukrainian (UTF-8) initialisation for the jQuery UI date picker plugin. */
|
||||
/* Written by Maxim Drogobitskiy (maxdao@gmail.com). */
|
||||
jQuery(function($){
|
||||
$.datepicker.regional['uk'] = {
|
||||
clearText: 'Очистити', clearStatus: '',
|
||||
closeText: 'Закрити', closeStatus: '',
|
||||
prevText: '<', prevStatus: '',
|
||||
prevBigText: '<<', prevBigStatus: '',
|
||||
nextText: '>', nextStatus: '',
|
||||
nextBigText: '>>', nextBigStatus: '',
|
||||
currentText: 'Сьогодні', currentStatus: '',
|
||||
monthNames: ['Січень','Лютий','Березень','Квітень','Травень','Червень',
|
||||
'Липень','Серпень','Вересень','Жовтень','Листопад','Грудень'],
|
||||
monthNamesShort: ['Січ','Лют','Бер','Кві','Тра','Чер',
|
||||
'Лип','Сер','Вер','Жов','Лис','Гру'],
|
||||
monthStatus: '', yearStatus: '',
|
||||
weekHeader: 'Не', weekStatus: '',
|
||||
dayNames: ['неділя','понеділок','вівторок','середа','четвер','пятниця','суббота'],
|
||||
dayNamesShort: ['нед','пнд','вів','срд','чтв','птн','сбт'],
|
||||
dayNamesMin: ['Нд','Пн','Вт','Ср','Чт','Пт','Сб'],
|
||||
dayStatus: 'DD', dateStatus: 'D, M d',
|
||||
dateFormat: 'dd.mm.yy', firstDay: 1,
|
||||
initStatus: '', isRTL: false};
|
||||
$.datepicker.setDefaults($.datepicker.regional['uk']);
|
||||
/* Ukrainian (UTF-8) initialisation for the jQuery UI date picker plugin. */
|
||||
/* Written by Maxim Drogobitskiy (maxdao@gmail.com). */
|
||||
jQuery(function($){
|
||||
$.datepicker.regional['uk'] = {
|
||||
clearText: 'Очистити', clearStatus: '',
|
||||
closeText: 'Закрити', closeStatus: '',
|
||||
prevText: '<', prevStatus: '',
|
||||
prevBigText: '<<', prevBigStatus: '',
|
||||
nextText: '>', nextStatus: '',
|
||||
nextBigText: '>>', nextBigStatus: '',
|
||||
currentText: 'Сьогодні', currentStatus: '',
|
||||
monthNames: ['Січень','Лютий','Березень','Квітень','Травень','Червень',
|
||||
'Липень','Серпень','Вересень','Жовтень','Листопад','Грудень'],
|
||||
monthNamesShort: ['Січ','Лют','Бер','Кві','Тра','Чер',
|
||||
'Лип','Сер','Вер','Жов','Лис','Гру'],
|
||||
monthStatus: '', yearStatus: '',
|
||||
weekHeader: 'Не', weekStatus: '',
|
||||
dayNames: ['неділя','понеділок','вівторок','середа','четвер','пятниця','суббота'],
|
||||
dayNamesShort: ['нед','пнд','вів','срд','чтв','птн','сбт'],
|
||||
dayNamesMin: ['Нд','Пн','Вт','Ср','Чт','Пт','Сб'],
|
||||
dayStatus: 'DD', dateStatus: 'D, M d',
|
||||
dateFormat: 'dd.mm.yy', firstDay: 1,
|
||||
initStatus: '', isRTL: false};
|
||||
$.datepicker.setDefaults($.datepicker.regional['uk']);
|
||||
});
|
||||
Loading…
Reference in New Issue
Block a user