├── .gitignore
├── AUTHORS
├── LICENSE
├── README.md
├── cron
    ├── img
    │   ├── disk.png
    │   └── loading.gif
    ├── jquery-cron-min.js
    ├── jquery-cron.css
    └── jquery-cron.js
├── gentleSelect
    ├── img
    │   └── expand.png
    ├── jquery-gentleSelect-min.js
    ├── jquery-gentleSelect.css
    └── jquery-gentleSelect.js
└── index.html


/.gitignore:
--------------------------------------------------------------------------------
1 | *~
2 | *.pyc
3 | 


--------------------------------------------------------------------------------
/AUTHORS:
--------------------------------------------------------------------------------
1 | Shawn Chin <shawn.chin__AT__(GEE)mail.com>
2 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | Copyright (c) 2010 Shawn Chin
 2 | 
 3 | Permission is hereby granted, free of charge, to any person obtaining
 4 | a copy of this software and associated documentation files (the
 5 | "Software"), to deal in the Software without restriction, including
 6 | without limitation the rights to use, copy, modify, merge, publish,
 7 | distribute, sublicense, and/or sell copies of the Software, and to
 8 | permit persons to whom the Software is furnished to do so, subject to
 9 | the following conditions:
10 | 
11 | The above copyright notice and this permission notice shall be
12 | included in all copies or substantial portions of the Software.
13 | 
14 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
15 | EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
16 | MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
17 | NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
18 | LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
19 | OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
20 | WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
21 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # jQuery plugin: cron
 2 | 
 3 | jquery-cron is a [jQuery] plugin for 
 4 | presenting a simplified interface for users to specify cron entries.
 5 | 
 6 | Check out the [jquery-cron] website for more information.
 7 | 
 8 | There is much to be done on the flexibility and robustness front, 
 9 | and we welcome contributions and bug fixes. Feel free to fork 
10 | and send us pull requests!
11 | 
12 | ## Dependencies
13 | 
14 |  * [jQuery]
15 |  * [jquery-gentleSelect] (optional)
16 | 
17 | ## Usage
18 | 
19 | To use this plugin, one simply needs to load [jQuery]
20 | and the JS/CSS scripts for jquery-cron, then attach it an empty `<DIV>`
21 | on DOM ready:
22 | 
23 |     $(document).ready(function() {
24 |         $('#selector').cron();
25 |     });
26 |     </script>
27 | 
28 | For more options, see the [jquery-cron] website.
29 | 
30 | 
31 | ## Others
32 | 
33 | Copyright (c) 2010-2013, Shawn Chin.
34 | 
35 | This project is licensed under the [MIT license].
36 | 
37 |  [jQuery]: http://jquery.com "jQuery"
38 |  [jquery-cron]: http://shawnchin.github.io/jquery-cron "jquery-cron"
39 |  [jquery-gentleSelect]: http://shawnchin.github.io/jquery-gentleSelect "jquery-gentleSelect"
40 |  [MIT License]: http://www.opensource.org/licenses/mit-license.php "MIT License"
41 | 


--------------------------------------------------------------------------------
/cron/img/disk.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shawnchin/jquery-cron/59a6e7c38b56ef9b58441364145b8ce26a9a50a3/cron/img/disk.png


--------------------------------------------------------------------------------
/cron/img/loading.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shawnchin/jquery-cron/59a6e7c38b56ef9b58441364145b8ce26a9a50a3/cron/img/loading.gif


--------------------------------------------------------------------------------
/cron/jquery-cron-min.js:
--------------------------------------------------------------------------------
1 | (function(e){var n={initial:"* * * * *",minuteOpts:{minWidth:100,itemWidth:30,columns:4,rows:undefined,title:"Minutes Past the Hour"},timeHourOpts:{minWidth:100,itemWidth:20,columns:2,rows:undefined,title:"Time: Hour"},domOpts:{minWidth:100,itemWidth:30,columns:undefined,rows:10,title:"Day of Month"},monthOpts:{minWidth:100,itemWidth:100,columns:2,rows:undefined,title:undefined},dowOpts:{minWidth:100,itemWidth:undefined,columns:undefined,rows:undefined,title:undefined},timeMinuteOpts:{minWidth:100,itemWidth:20,columns:4,rows:undefined,title:"Time: Minute"},effectOpts:{openSpeed:400,closeSpeed:400,openEffect:"slide",closeEffect:"slide",hideOnMouseOut:true},url_set:undefined,customValues:undefined,onChange:undefined,useGentleSelect:false};var y="";for(var u=0;u<60;u++){var t=(u<10)?"0":"";y+="<option value='"+u+"'>"+t+u+"</option>\n"}var d="";for(var u=0;u<24;u++){var t=(u<10)?"0":"";d+="<option value='"+u+"'>"+t+u+"</option>\n"}var v="";for(var u=1;u<32;u++){if(u==1||u==21||u==31){var c="st"}else{if(u==2||u==22){var c="nd"}else{if(u==3||u==23){var c="rd"}else{var c="th"}}}v+="<option value='"+u+"'>"+u+c+"</option>\n"}var h="";var l=["January","February","March","April","May","June","July","August","September","October","November","December"];for(var u=0;u<l.length;u++){h+="<option value='"+(u+1)+"'>"+l[u]+"</option>\n"}var s="";var g=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"];for(var u=0;u<g.length;u++){s+="<option value='"+u+"'>"+g[u]+"</option>\n"}var r="";var b=["minute","hour","day","week","month","year"];for(var u=0;u<b.length;u++){r+="<option value='"+b[u]+"'>"+b[u]+"</option>\n"}var p={minute:[],hour:["mins"],day:["time"],week:["dow","time"],month:["dom","time"],year:["dom","month","time"]};var w={minute:/^(\*\s){4}\*$/,hour:/^\d{1,2}\s(\*\s){3}\*$/,day:/^(\d{1,2}\s){2}(\*\s){2}\*$/,week:/^(\d{1,2}\s){2}(\*\s){2}\d{1,2}$/,month:/^(\d{1,2}\s){3}\*\s\*$/,year:/^(\d{1,2}\s){4}\*$/};function a(i){if(typeof i=="undefined"){return false}else{return true}}function q(i){return(!a(i)||typeof i=="object")}function z(A,j){if(a(j.customValues)){for(key in j.customValues){if(A==j.customValues[key]){return key}}}var E=/^((\d{1,2}|\*)\s){4}(\d{1,2}|\*)$/;if(typeof A!="string"||!E.test(A)){e.error("cron: invalid initial value");return undefined}var C=A.split(" ");var D=[0,0,1,1,0];var G=[59,23,31,12,6];for(var B=0;B<C.length;B++){if(C[B]=="*"){continue}var F=parseInt(C[B]);if(a(F)&&F<=G[B]&&F>=D[B]){continue}e.error("cron: invalid value found (col "+(B+1)+") in "+o.initial);return undefined}for(var H in w){if(w[H].test(A)){return H}}e.error("cron: valid but unsupported cron format. sorry.");return undefined}function f(j,i){if(!a(z(i.initial,i))){return true}if(!q(i.customValues)){return true}if(a(i.customValues)){for(key in i.customValues){if(w.hasOwnProperty(key)){e.error("cron: reserved keyword '"+key+"' should not be used as customValues key.");return true}}}return false}function k(B){var i=B.data("block");var j=hour=day=month=dow="*";var A=i.period.find("select").val();switch(A){case"minute":break;case"hour":j=i.mins.find("select").val();break;case"day":j=i.time.find("select.cron-time-min").val();hour=i.time.find("select.cron-time-hour").val();break;case"week":j=i.time.find("select.cron-time-min").val();hour=i.time.find("select.cron-time-hour").val();dow=i.dow.find("select").val();break;case"month":j=i.time.find("select.cron-time-min").val();hour=i.time.find("select.cron-time-hour").val();day=i.dom.find("select").val();break;case"year":j=i.time.find("select.cron-time-min").val();hour=i.time.find("select.cron-time-hour").val();day=i.dom.find("select").val();month=i.month.find("select").val();break;default:return A}return[j,hour,day,month,dow].join(" ")}var x={init:function(i){var G=i?i:{};var B=e.extend([],n,G);var j=e.extend({},n.effectOpts,G.effectOpts);e.extend(B,{minuteOpts:e.extend({},n.minuteOpts,j,G.minuteOpts),domOpts:e.extend({},n.domOpts,j,G.domOpts),monthOpts:e.extend({},n.monthOpts,j,G.monthOpts),dowOpts:e.extend({},n.dowOpts,j,G.dowOpts),timeHourOpts:e.extend({},n.timeHourOpts,j,G.timeHourOpts),timeMinuteOpts:e.extend({},n.timeMinuteOpts,j,G.timeMinuteOpts)});if(f(this,B)){return this}var C=[],A="",D=B.customValues;if(a(D)){for(var F in D){A+="<option value='"+D[F]+"'>"+F+"</option>\n"}}C.period=e("<span class='cron-period'>Every <select name='cron-period'>"+A+r+"</select> </span>").appendTo(this).data("root",this);var E=C.period.find("select");E.bind("change.cron",m.periodChanged).data("root",this);if(B.useGentleSelect){E.gentleSelect(j)}C.dom=e("<span class='cron-block cron-block-dom'> on the <select name='cron-dom'>"+v+"</select> </span>").appendTo(this).data("root",this);E=C.dom.find("select").data("root",this);if(B.useGentleSelect){E.gentleSelect(B.domOpts)}C.month=e("<span class='cron-block cron-block-month'> of <select name='cron-month'>"+h+"</select> </span>").appendTo(this).data("root",this);E=C.month.find("select").data("root",this);if(B.useGentleSelect){E.gentleSelect(B.monthOpts)}C.mins=e("<span class='cron-block cron-block-mins'> at <select name='cron-mins'>"+y+"</select> minutes past the hour </span>").appendTo(this).data("root",this);E=C.mins.find("select").data("root",this);if(B.useGentleSelect){E.gentleSelect(B.minuteOpts)}C.dow=e("<span class='cron-block cron-block-dow'> on <select name='cron-dow'>"+s+"</select> </span>").appendTo(this).data("root",this);E=C.dow.find("select").data("root",this);if(B.useGentleSelect){E.gentleSelect(B.dowOpts)}C.time=e("<span class='cron-block cron-block-time'> at <select name='cron-time-hour' class='cron-time-hour'>"+d+"</select>:<select name='cron-time-min' class='cron-time-min'>"+y+" </span>").appendTo(this).data("root",this);E=C.time.find("select.cron-time-hour").data("root",this);if(B.useGentleSelect){E.gentleSelect(B.timeHourOpts)}E=C.time.find("select.cron-time-min").data("root",this);if(B.useGentleSelect){E.gentleSelect(B.timeMinuteOpts)}C.controls=e("<span class='cron-controls'>&laquo; save <span class='cron-button cron-button-save'></span> </span>").appendTo(this).data("root",this).find("span.cron-button-save").bind("click.cron",m.saveClicked).data("root",this).end();this.find("select").bind("change.cron-callback",m.somethingChanged);this.data("options",B).data("block",C);this.data("current_value",B.initial);return x.value.call(this,B.initial)},value:function(C){if(!C){return k(this)}var A=this.data("options");var D=this.data("block");var F=A.useGentleSelect;var K=z(C,A);if(!a(K)){return false}if(a(A.customValues)&&A.customValues.hasOwnProperty(K)){K=A.customValues[K]}else{var H=C.split(" ");var J={mins:H[0],hour:H[1],dom:H[2],month:H[3],dow:H[4]};var G=p[K];for(var E=0;E<G.length;E++){var B=G[E];if(B=="time"){var I=D[B].find("select.cron-time-hour").val(J.hour);if(F){I.gentleSelect("update")}I=D[B].find("select.cron-time-min").val(J.mins);if(F){I.gentleSelect("update")}}else{var I=D[B].find("select").val(J[B]);if(F){I.gentleSelect("update")}}}}var j=D.period.find("select").val(K);if(F){j.gentleSelect("update")}j.trigger("change");return this}};var m={periodChanged:function(){var A=e(this).data("root");var E=A.data("block"),C=A.data("options");var D=e(this).val();A.find("span.cron-block").hide();if(p.hasOwnProperty(D)){var j=p[e(this).val()];for(var B=0;B<j.length;B++){E[j[B]].show()}}},somethingChanged:function(){root=e(this).data("root");if(a(root.data("options").url_set)){if(x.value.call(root)!=root.data("current_value")){root.addClass("cron-changed");root.data("block")["controls"].fadeIn()}else{root.removeClass("cron-changed");root.data("block")["controls"].fadeOut()}}else{root.data("block")["controls"].hide()}var i=root.data("options").onChange;if(a(i)&&e.isFunction(i)){i.call(root)}},saveClicked:function(){var j=e(this);var i=j.data("root");var A=x.value.call(i);if(j.hasClass("cron-loading")){return}j.addClass("cron-loading");e.ajax({type:"POST",url:i.data("options").url_set,data:{cron:A},success:function(){i.data("current_value",A);j.removeClass("cron-loading");if(A==x.value.call(i)){i.removeClass("cron-changed");i.data("block").controls.fadeOut()}},error:function(){alert("An error occured when submitting your request. Try again?");j.removeClass("cron-loading")}})}};e.fn.cron=function(i){if(x[i]){return x[i].apply(this,Array.prototype.slice.call(arguments,1))}else{if(typeof i==="object"||!i){return x.init.apply(this,arguments)}else{e.error("Method "+i+" does not exist on jQuery.cron")}}}})(jQuery);


--------------------------------------------------------------------------------
/cron/jquery-cron.css:
--------------------------------------------------------------------------------
 1 | .cron-button {
 2 |     height: 16px;
 3 |     padding-left: 20px;
 4 |     margin-left: 5px;
 5 |     background-repeat: no-repeat; 
 6 |     background-position: center center; 
 7 |     cursor: pointer;
 8 | }
 9 | .cron-button-save {
10 |     background-image: url('img/disk.png');
11 | }
12 | .cron-changed {
13 |     padding-top: 5px;
14 |     padding-bottom: 5px;
15 |     background-color: #fdd;
16 | }
17 | .cron-controls {
18 |     margin-left: 10px;
19 |     color: #c77;
20 |     font-size: 0.9em;
21 | }
22 | .cron-controls > span.cron-loading {
23 |     background-image: url('img/loading.gif');
24 | }


--------------------------------------------------------------------------------
/cron/jquery-cron.js:
--------------------------------------------------------------------------------
  1 | /*
  2 |  * jQuery gentleSelect plugin (version 0.1.4.1)
  3 |  * http://shawnchin.github.com/jquery-cron
  4 |  *
  5 |  * Copyright (c) 2010-2013 Shawn Chin.
  6 |  * Dual licensed under the MIT or GPL Version 2 licenses.
  7 |  *
  8 |  * Requires:
  9 |  * - jQuery
 10 |  *
 11 |  * Usage:
 12 |  *  (JS)
 13 |  *
 14 |  *  // initialise like this
 15 |  *  var c = $('#cron').cron({
 16 |  *    initial: '9 10 * * *', # Initial value. default = "* * * * *"
 17 |  *    url_set: '/set/', # POST expecting {"cron": "12 10 * * 6"}
 18 |  *  });
 19 |  *
 20 |  *  // you can update values later
 21 |  *  c.cron("value", "1 2 3 4 *");
 22 |  *
 23 |  * // you can also get the current value using the "value" option
 24 |  * alert(c.cron("value"));
 25 |  *
 26 |  *  (HTML)
 27 |  *  <div id='cron'></div>
 28 |  *
 29 |  * Notes:
 30 |  * At this stage, we only support a subset of possible cron options.
 31 |  * For example, each cron entry can only be digits or "*", no commas
 32 |  * to denote multiple entries. We also limit the allowed combinations:
 33 |  * - Every minute : * * * * *
 34 |  * - Every hour   : ? * * * *
 35 |  * - Every day    : ? ? * * *
 36 |  * - Every week   : ? ? * * ?
 37 |  * - Every month  : ? ? ? * *
 38 |  * - Every year   : ? ? ? ? *
 39 |  */
 40 | (function($) {
 41 | 
 42 |     var defaults = {
 43 |         initial : "* * * * *",
 44 |         minuteOpts : {
 45 |             minWidth  : 100, // only applies if columns and itemWidth not set
 46 |             itemWidth : 30,
 47 |             columns   : 4,
 48 |             rows      : undefined,
 49 |             title     : "Minutes Past the Hour"
 50 |         },
 51 |         timeHourOpts : {
 52 |             minWidth  : 100, // only applies if columns and itemWidth not set
 53 |             itemWidth : 20,
 54 |             columns   : 2,
 55 |             rows      : undefined,
 56 |             title     : "Time: Hour"
 57 |         },
 58 |         domOpts : {
 59 |             minWidth  : 100, // only applies if columns and itemWidth not set
 60 |             itemWidth : 30,
 61 |             columns   : undefined,
 62 |             rows      : 10,
 63 |             title     : "Day of Month"
 64 |         },
 65 |         monthOpts : {
 66 |             minWidth  : 100, // only applies if columns and itemWidth not set
 67 |             itemWidth : 100,
 68 |             columns   : 2,
 69 |             rows      : undefined,
 70 |             title     : undefined
 71 |         },
 72 |         dowOpts : {
 73 |             minWidth  : 100, // only applies if columns and itemWidth not set
 74 |             itemWidth : undefined,
 75 |             columns   : undefined,
 76 |             rows      : undefined,
 77 |             title     : undefined
 78 |         },
 79 |         timeMinuteOpts : {
 80 |             minWidth  : 100, // only applies if columns and itemWidth not set
 81 |             itemWidth : 20,
 82 |             columns   : 4,
 83 |             rows      : undefined,
 84 |             title     : "Time: Minute"
 85 |         },
 86 |         effectOpts : {
 87 |             openSpeed      : 400,
 88 |             closeSpeed     : 400,
 89 |             openEffect     : "slide",
 90 |             closeEffect    : "slide",
 91 |             hideOnMouseOut : true
 92 |         },
 93 |         url_set : undefined,
 94 |         customValues : undefined,
 95 |         onChange: undefined, // callback function each time value changes
 96 |         useGentleSelect: false
 97 |     };
 98 | 
 99 |     // -------  build some static data -------
100 | 
101 |     // options for minutes in an hour
102 |     var str_opt_mih = "";
103 |     for (var i = 0; i < 60; i++) {
104 |         var j = (i < 10)? "0":"";
105 |         str_opt_mih += "<option value='"+i+"'>" + j +  i + "</option>\n";
106 |     }
107 | 
108 |     // options for hours in a day
109 |     var str_opt_hid = "";
110 |     for (var i = 0; i < 24; i++) {
111 |         var j = (i < 10)? "0":"";
112 |         str_opt_hid += "<option value='"+i+"'>" + j + i + "</option>\n";
113 |     }
114 | 
115 |     // options for days of month
116 |     var str_opt_dom = "";
117 |     for (var i = 1; i < 32; i++) {
118 |         if (i == 1 || i == 21 || i == 31) { var suffix = "st"; }
119 |         else if (i == 2 || i == 22) { var suffix = "nd"; }
120 |         else if (i == 3 || i == 23) { var suffix = "rd"; }
121 |         else { var suffix = "th"; }
122 |         str_opt_dom += "<option value='"+i+"'>" + i + suffix + "</option>\n";
123 |     }
124 | 
125 |     // options for months
126 |     var str_opt_month = "";
127 |     var months = ["January", "February", "March", "April",
128 |                   "May", "June", "July", "August",
129 |                   "September", "October", "November", "December"];
130 |     for (var i = 0; i < months.length; i++) {
131 |         str_opt_month += "<option value='"+(i+1)+"'>" + months[i] + "</option>\n";
132 |     }
133 | 
134 |     // options for day of week
135 |     var str_opt_dow = "";
136 |     var days = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday",
137 |                 "Friday", "Saturday"];
138 |     for (var i = 0; i < days.length; i++) {
139 |         str_opt_dow += "<option value='"+i+"'>" + days[i] + "</option>\n";
140 |     }
141 | 
142 |     // options for period
143 |     var str_opt_period = "";
144 |     var periods = ["minute", "hour", "day", "week", "month", "year"];
145 |     for (var i = 0; i < periods.length; i++) {
146 |         str_opt_period += "<option value='"+periods[i]+"'>" + periods[i] + "</option>\n";
147 |     }
148 | 
149 |     // display matrix
150 |     var toDisplay = {
151 |         "minute" : [],
152 |         "hour"   : ["mins"],
153 |         "day"    : ["time"],
154 |         "week"   : ["dow", "time"],
155 |         "month"  : ["dom", "time"],
156 |         "year"   : ["dom", "month", "time"]
157 |     };
158 | 
159 |     var combinations = {
160 |         "minute" : /^(\*\s){4}\*$/,                    // "* * * * *"
161 |         "hour"   : /^\d{1,2}\s(\*\s){3}\*$/,           // "? * * * *"
162 |         "day"    : /^(\d{1,2}\s){2}(\*\s){2}\*$/,      // "? ? * * *"
163 |         "week"   : /^(\d{1,2}\s){2}(\*\s){2}\d{1,2}$/, // "? ? * * ?"
164 |         "month"  : /^(\d{1,2}\s){3}\*\s\*$/,           // "? ? ? * *"
165 |         "year"   : /^(\d{1,2}\s){4}\*$/                // "? ? ? ? *"
166 |     };
167 | 
168 |     // ------------------ internal functions ---------------
169 |     function defined(obj) {
170 |         if (typeof obj == "undefined") { return false; }
171 |         else { return true; }
172 |     }
173 | 
174 |     function undefinedOrObject(obj) {
175 |         return (!defined(obj) || typeof obj == "object")
176 |     }
177 | 
178 |     function getCronType(cron_str, opts) {
179 |         // if customValues defined, check for matches there first
180 |         if (defined(opts.customValues)) {
181 |             for (key in opts.customValues) {
182 |                 if (cron_str == opts.customValues[key]) { return key; }
183 |             }
184 |         }
185 | 
186 |         // check format of initial cron value
187 |         var valid_cron = /^((\d{1,2}|\*)\s){4}(\d{1,2}|\*)$/
188 |         if (typeof cron_str != "string" || !valid_cron.test(cron_str)) {
189 |             $.error("cron: invalid initial value");
190 |             return undefined;
191 |         }
192 | 
193 |         // check actual cron values
194 |         var d = cron_str.split(" ");
195 |         //            mm, hh, DD, MM, DOW
196 |         var minval = [ 0,  0,  1,  1,  0];
197 |         var maxval = [59, 23, 31, 12,  6];
198 |         for (var i = 0; i < d.length; i++) {
199 |             if (d[i] == "*") continue;
200 |             var v = parseInt(d[i]);
201 |             if (defined(v) && v <= maxval[i] && v >= minval[i]) continue;
202 | 
203 |             $.error("cron: invalid value found (col "+(i+1)+") in " + o.initial);
204 |             return undefined;
205 |         }
206 | 
207 |         // determine combination
208 |         for (var t in combinations) {
209 |             if (combinations[t].test(cron_str)) { return t; }
210 |         }
211 | 
212 |         // unknown combination
213 |         $.error("cron: valid but unsupported cron format. sorry.");
214 |         return undefined;
215 |     }
216 | 
217 |     function hasError(c, o) {
218 |         if (!defined(getCronType(o.initial, o))) { return true; }
219 |         if (!undefinedOrObject(o.customValues)) { return true; }
220 | 
221 |         // ensure that customValues keys do not coincide with existing fields
222 |         if (defined(o.customValues)) {
223 |             for (key in o.customValues) {
224 |                 if (combinations.hasOwnProperty(key)) {
225 |                     $.error("cron: reserved keyword '" + key +
226 |                             "' should not be used as customValues key.");
227 |                     return true;
228 |                 }
229 |             }
230 |         }
231 | 
232 |         return false;
233 |     }
234 | 
235 |     function getCurrentValue(c) {
236 |         var b = c.data("block");
237 |         var min = hour = day = month = dow = "*";
238 |         var selectedPeriod = b["period"].find("select").val();
239 |         switch (selectedPeriod) {
240 |             case "minute":
241 |                 break;
242 | 
243 |             case "hour":
244 |                 min = b["mins"].find("select").val();
245 |                 break;
246 | 
247 |             case "day":
248 |                 min  = b["time"].find("select.cron-time-min").val();
249 |                 hour = b["time"].find("select.cron-time-hour").val();
250 |                 break;
251 | 
252 |             case "week":
253 |                 min  = b["time"].find("select.cron-time-min").val();
254 |                 hour = b["time"].find("select.cron-time-hour").val();
255 |                 dow  =  b["dow"].find("select").val();
256 |                 break;
257 | 
258 |             case "month":
259 |                 min  = b["time"].find("select.cron-time-min").val();
260 |                 hour = b["time"].find("select.cron-time-hour").val();
261 |                 day  = b["dom"].find("select").val();
262 |                 break;
263 | 
264 |             case "year":
265 |                 min  = b["time"].find("select.cron-time-min").val();
266 |                 hour = b["time"].find("select.cron-time-hour").val();
267 |                 day  = b["dom"].find("select").val();
268 |                 month = b["month"].find("select").val();
269 |                 break;
270 | 
271 |             default:
272 |                 // we assume this only happens when customValues is set
273 |                 return selectedPeriod;
274 |         }
275 |         return [min, hour, day, month, dow].join(" ");
276 |     }
277 | 
278 |     // -------------------  PUBLIC METHODS -----------------
279 | 
280 |     var methods = {
281 |         init : function(opts) {
282 | 
283 |             // init options
284 |             var options = opts ? opts : {}; /* default to empty obj */
285 |             var o = $.extend([], defaults, options);
286 |             var eo = $.extend({}, defaults.effectOpts, options.effectOpts);
287 |             $.extend(o, {
288 |                 minuteOpts     : $.extend({}, defaults.minuteOpts, eo, options.minuteOpts),
289 |                 domOpts        : $.extend({}, defaults.domOpts, eo, options.domOpts),
290 |                 monthOpts      : $.extend({}, defaults.monthOpts, eo, options.monthOpts),
291 |                 dowOpts        : $.extend({}, defaults.dowOpts, eo, options.dowOpts),
292 |                 timeHourOpts   : $.extend({}, defaults.timeHourOpts, eo, options.timeHourOpts),
293 |                 timeMinuteOpts : $.extend({}, defaults.timeMinuteOpts, eo, options.timeMinuteOpts)
294 |             });
295 | 
296 |             // error checking
297 |             if (hasError(this, o)) { return this; }
298 | 
299 |             // ---- define select boxes in the right order -----
300 | 
301 |             var block = [], custom_periods = "", cv = o.customValues;
302 |             if (defined(cv)) { // prepend custom values if specified
303 |                 for (var key in cv) {
304 |                     custom_periods += "<option value='" + cv[key] + "'>" + key + "</option>\n";
305 |                 }
306 |             }
307 | 
308 |             block["period"] = $("<span class='cron-period'>"
309 |                     + "Every <select name='cron-period'>" + custom_periods
310 |                     + str_opt_period + "</select> </span>")
311 |                 .appendTo(this)
312 |                 .data("root", this);
313 | 
314 |             var select = block["period"].find("select");
315 |             select.bind("change.cron", event_handlers.periodChanged)
316 |                   .data("root", this);
317 |             if (o.useGentleSelect) select.gentleSelect(eo);
318 | 
319 |             block["dom"] = $("<span class='cron-block cron-block-dom'>"
320 |                     + " on the <select name='cron-dom'>" + str_opt_dom
321 |                     + "</select> </span>")
322 |                 .appendTo(this)
323 |                 .data("root", this);
324 | 
325 |             select = block["dom"].find("select").data("root", this);
326 |             if (o.useGentleSelect) select.gentleSelect(o.domOpts);
327 | 
328 |             block["month"] = $("<span class='cron-block cron-block-month'>"
329 |                     + " of <select name='cron-month'>" + str_opt_month
330 |                     + "</select> </span>")
331 |                 .appendTo(this)
332 |                 .data("root", this);
333 | 
334 |             select = block["month"].find("select").data("root", this);
335 |             if (o.useGentleSelect) select.gentleSelect(o.monthOpts);
336 | 
337 |             block["mins"] = $("<span class='cron-block cron-block-mins'>"
338 |                     + " at <select name='cron-mins'>" + str_opt_mih
339 |                     + "</select> minutes past the hour </span>")
340 |                 .appendTo(this)
341 |                 .data("root", this);
342 | 
343 |             select = block["mins"].find("select").data("root", this);
344 |             if (o.useGentleSelect) select.gentleSelect(o.minuteOpts);
345 | 
346 |             block["dow"] = $("<span class='cron-block cron-block-dow'>"
347 |                     + " on <select name='cron-dow'>" + str_opt_dow
348 |                     + "</select> </span>")
349 |                 .appendTo(this)
350 |                 .data("root", this);
351 | 
352 |             select = block["dow"].find("select").data("root", this);
353 |             if (o.useGentleSelect) select.gentleSelect(o.dowOpts);
354 | 
355 |             block["time"] = $("<span class='cron-block cron-block-time'>"
356 |                     + " at <select name='cron-time-hour' class='cron-time-hour'>" + str_opt_hid
357 |                     + "</select>:<select name='cron-time-min' class='cron-time-min'>" + str_opt_mih
358 |                     + " </span>")
359 |                 .appendTo(this)
360 |                 .data("root", this);
361 | 
362 |             select = block["time"].find("select.cron-time-hour").data("root", this);
363 |             if (o.useGentleSelect) select.gentleSelect(o.timeHourOpts);
364 |             select = block["time"].find("select.cron-time-min").data("root", this);
365 |             if (o.useGentleSelect) select.gentleSelect(o.timeMinuteOpts);
366 | 
367 |             block["controls"] = $("<span class='cron-controls'>&laquo; save "
368 |                     + "<span class='cron-button cron-button-save'></span>"
369 |                     + " </span>")
370 |                 .appendTo(this)
371 |                 .data("root", this)
372 |                 .find("span.cron-button-save")
373 |                     .bind("click.cron", event_handlers.saveClicked)
374 |                     .data("root", this)
375 |                     .end();
376 | 
377 |             this.find("select").bind("change.cron-callback", event_handlers.somethingChanged);
378 |             this.data("options", o).data("block", block); // store options and block pointer
379 |             this.data("current_value", o.initial); // remember base value to detect changes
380 | 
381 |             return methods["value"].call(this, o.initial); // set initial value
382 |         },
383 | 
384 |         value : function(cron_str) {
385 |             // when no args, act as getter
386 |             if (!cron_str) { return getCurrentValue(this); }
387 | 
388 |             var o = this.data('options');
389 |             var block = this.data("block");
390 |             var useGentleSelect = o.useGentleSelect;
391 |             var t = getCronType(cron_str, o);
392 |             
393 |             if (!defined(t)) { return false; }
394 |             
395 |             if (defined(o.customValues) && o.customValues.hasOwnProperty(t)) {
396 |                 t = o.customValues[t];
397 |             } else {
398 |                 var d = cron_str.split(" ");
399 |                 var v = {
400 |                     "mins"  : d[0],
401 |                     "hour"  : d[1],
402 |                     "dom"   : d[2],
403 |                     "month" : d[3],
404 |                     "dow"   : d[4]
405 |                 };
406 | 
407 |                 // update appropriate select boxes
408 |                 var targets = toDisplay[t];
409 |                 for (var i = 0; i < targets.length; i++) {
410 |                     var tgt = targets[i];
411 |                     if (tgt == "time") {
412 |                         var btgt = block[tgt].find("select.cron-time-hour").val(v["hour"]);
413 |                         if (useGentleSelect) btgt.gentleSelect("update");
414 | 
415 |                         btgt = block[tgt].find("select.cron-time-min").val(v["mins"]);
416 |                         if (useGentleSelect) btgt.gentleSelect("update");
417 |                     } else {;
418 |                         var btgt = block[tgt].find("select").val(v[tgt]);
419 |                         if (useGentleSelect) btgt.gentleSelect("update");
420 |                     }
421 |                 }
422 |             }
423 |             
424 |             // trigger change event
425 |             var bp = block["period"].find("select").val(t);
426 |             if (useGentleSelect) bp.gentleSelect("update");
427 |             bp.trigger("change");
428 | 
429 |             return this;
430 |         }
431 | 
432 |     };
433 | 
434 |     var event_handlers = {
435 |         periodChanged : function() {
436 |             var root = $(this).data("root");
437 |             var block = root.data("block"),
438 |                 opt = root.data("options");
439 |             var period = $(this).val();
440 | 
441 |             root.find("span.cron-block").hide(); // first, hide all blocks
442 |             if (toDisplay.hasOwnProperty(period)) { // not custom value
443 |                 var b = toDisplay[$(this).val()];
444 |                 for (var i = 0; i < b.length; i++) {
445 |                     block[b[i]].show();
446 |                 }
447 |             }
448 |         },
449 | 
450 |         somethingChanged : function() {
451 |             root = $(this).data("root");
452 |             // if AJAX url defined, show "save"/"reset" button
453 |             if (defined(root.data("options").url_set)) {
454 |                 if (methods.value.call(root) != root.data("current_value")) { // if changed
455 |                     root.addClass("cron-changed");
456 |                     root.data("block")["controls"].fadeIn();
457 |                 } else { // values manually reverted
458 |                     root.removeClass("cron-changed");
459 |                     root.data("block")["controls"].fadeOut();
460 |                 }
461 |             } else {
462 |                 root.data("block")["controls"].hide();
463 |             }
464 | 
465 |             // chain in user defined event handler, if specified
466 |             var oc = root.data("options").onChange;
467 |             if (defined(oc) && $.isFunction(oc)) {
468 |                 oc.call(root);
469 |             }
470 |         },
471 | 
472 |         saveClicked : function() {
473 |             var btn  = $(this);
474 |             var root = btn.data("root");
475 |             var cron_str = methods.value.call(root);
476 | 
477 |             if (btn.hasClass("cron-loading")) { return; } // in progress
478 |             btn.addClass("cron-loading");
479 | 
480 |             $.ajax({
481 |                 type : "POST",
482 |                 url  : root.data("options").url_set,
483 |                 data : { "cron" : cron_str },
484 |                 success : function() {
485 |                     root.data("current_value", cron_str);
486 |                     btn.removeClass("cron-loading");
487 |                     // data changed since "save" clicked?
488 |                     if (cron_str == methods.value.call(root)) {
489 |                         root.removeClass("cron-changed");
490 |                         root.data("block").controls.fadeOut();
491 |                     }
492 |                 },
493 |                 error : function() {
494 |                     alert("An error occured when submitting your request. Try again?");
495 |                     btn.removeClass("cron-loading");
496 |                 }
497 |             });
498 |         }
499 |     };
500 | 
501 |     $.fn.cron = function(method) {
502 |         if (methods[method]) {
503 |             return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
504 |         } else if (typeof method === 'object' || ! method) {
505 |             return methods.init.apply(this, arguments);
506 |         } else {
507 |             $.error( 'Method ' +  method + ' does not exist on jQuery.cron' );
508 |         }
509 |     };
510 | 
511 | })(jQuery);
512 | 


--------------------------------------------------------------------------------
/gentleSelect/img/expand.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shawnchin/jquery-cron/59a6e7c38b56ef9b58441364145b8ce26a9a50a3/gentleSelect/img/expand.png


--------------------------------------------------------------------------------
/gentleSelect/jquery-gentleSelect-min.js:
--------------------------------------------------------------------------------
1 | (function(d){var g={minWidth:100,itemWidth:undefined,columns:undefined,rows:undefined,title:undefined,prompt:"Make A Selection",maxDisplay:0,openSpeed:400,closeSpeed:400,openEffect:"slide",closeEffect:"slide",hideOnMouseOut:true};function h(i){if(typeof i=="undefined"){return false}else{return true}}function a(j,i){if(h(i.columns)&&h(i.rows)){d.error("gentleSelect: You cannot supply both 'rows' and 'columns'");return true}if(h(i.columns)&&!h(i.itemWidth)){d.error("gentleSelect: itemWidth must be supplied if 'columns' is specified");return true}if(h(i.rows)&&!h(i.itemWidth)){d.error("gentleSelect: itemWidth must be supplied if 'rows' is specified");return true}if(!h(i.openSpeed)||typeof i.openSpeed!="number"&&(typeof i.openSpeed=="string"&&(i.openSpeed!="slow"&&i.openSpeed!="fast"))){d.error('gentleSelect: openSpeed must be an integer or "slow" or "fast"');return true}if(!h(i.closeSpeed)||typeof i.closeSpeed!="number"&&(typeof i.closeSpeed=="string"&&(i.closeSpeed!="slow"&&i.closeSpeed!="fast"))){d.error('gentleSelect: closeSpeed must be an integer or "slow" or "fast"');return true}if(!h(i.openEffect)||(i.openEffect!="fade"&&i.openEffect!="slide")){d.error("gentleSelect: openEffect must be either 'fade' or 'slide'!");return true}if(!h(i.closeEffect)||(i.closeEffect!="fade"&&i.closeEffect!="slide")){d.error("gentleSelect: closeEffect must be either 'fade' or 'slide'!");return true}if(!h(i.hideOnMouseOut)||(typeof i.hideOnMouseOut!="boolean")){d.error('gentleSelect: hideOnMouseOut must be supplied and either "true" or "false"!');return true}return false}function f(j,i){if(j.attr("multiple")){i.hideOnMouseOut=true}}function c(j,k){if(j.length<1){return k.prompt}if(k.maxDisplay!=0&&j.length>k.maxDisplay){var i=j.slice(0,k.maxDisplay).map(function(){return d(this).text()});i.push("...")}else{var i=j.map(function(){return d(this).text()})}return i.get().join(", ")}var b={init:function(w){var l=d.extend({},g,w);if(a(this,l)){return this}f(this,l);this.hide();label_text=c(this.find(":selected"),l);var s=d("<span class='gentleselect-label'>"+label_text+"</span>").insertBefore(this).bind("mouseenter.gentleselect",e.labelHoverIn).bind("mouseleave.gentleselect",e.labelHoverOut).bind("click.gentleselect",e.labelClick).data("root",this);this.data("label",s).data("options",l);var p=d("<ul></ul>");this.find("option").each(function(){var i=d("<li>"+d(this).text()+"</li>").data("value",d(this).attr("value")).data("name",d(this).text()).appendTo(p);if(d(this).attr("selected")){i.addClass("selected")}});var q=d("<div class='gentleselect-dialog'></div>").append(p).insertAfter(s).bind("click.gentleselect",e.dialogClick).bind("mouseleave.gentleselect",e.dialogHoverOut).data("label",s).data("root",this);this.data("dialog",q);if(h(l.columns)||h(l.rows)){p.css("float","left").find("li").width(l.itemWidth).css("float","left");var n=p.find("li:first");var k=l.itemWidth+parseInt(n.css("padding-left"))+parseInt(n.css("padding-right"));var t=p.find("li").length;if(h(l.columns)){var r=parseInt(l.columns);var v=Math.ceil(t/r)}else{var v=parseInt(l.rows);var r=Math.ceil(t/v)}q.width(k*r);for(var m=0;m<(v*r)-t;m++){d("<li style='float:left' class='gentleselect-dummy'><span>&nbsp;</span></li>").appendTo(p)}var j=[];var u=0;p.find("li").each(function(){if(u<v){j[u]=d(this)}else{var i=u%v;d(this).insertAfter(j[i]);j[i]=d(this)}u++})}else{if(typeof l.minWidth=="number"){q.css("min-width",l.minWidth)}}if(h(l.title)){d("<div class='gentleselect-title'>"+l.title+"</div>").prependTo(q)}d(document).bind("keyup.gentleselect",e.keyUp);return this},update:function(){var k=this.data("options");var i=(this.attr("multiple"))?this.val():[this.val()];d("li",this.data("dialog")).each(function(){var m=d(this);var l=(d.inArray(m.data("value"),i)!=-1);m.toggleClass("selected",l)});var j=c(this.find(":selected"),k);this.data("label").text(j);return this}};var e={labelHoverIn:function(){d(this).addClass("gentleselect-label-highlight")},labelHoverOut:function(){d(this).removeClass("gentleselect-label-highlight")},labelClick:function(){var l=d(this);var m=l.position();var i=l.data("root");var k=i.data("options");var j=i.data("dialog").css("top",m.top+l.height()).css("left",m.left+1);if(k.openEffect=="fade"){j.fadeIn(k.openSpeed)}else{j.slideDown(k.openSpeed)}},dialogHoverOut:function(){var i=d(this);if(i.data("root").data("options").hideOnMouseOut){i.hide()}},dialogClick:function(k){var m=d(k.target);var l=d(this);var n=l.data("root");var i=n.data("options");if(!n.attr("multiple")){if(i.closeEffect=="fade"){l.fadeOut(i.closeSpeed)}else{l.slideUp(i.closeSpeed)}}if(m.is("li")&&!m.hasClass("gentleselect-dummy")){var p=m.data("value");var j=m.data("name");var o=l.data("label");if(l.data("root").attr("multiple")){m.toggleClass("selected");var r=l.find("li.selected");o.text(c(r,i));var q=r.map(function(){return d(this).data("value")});n.val(q.get()).trigger("change")}else{l.find("li.selected").removeClass("selected");m.addClass("selected");o.text(m.data("name"));n.val(p).trigger("change")}}},keyUp:function(i){if(i.keyCode==27){d(".gentleselect-dialog").hide()}}};d.fn.gentleSelect=function(i){if(b[i]){return b[i].apply(this,Array.prototype.slice.call(arguments,1))}else{if(typeof i==="object"||!i){return b.init.apply(this,arguments)}else{d.error("Method "+i+" does not exist on jQuery.gentleSelect")}}}})(jQuery);


--------------------------------------------------------------------------------
/gentleSelect/jquery-gentleSelect.css:
--------------------------------------------------------------------------------
 1 | .gentleselect-data { display: none; }
 2 | 
 3 | .gentleselect-label {
 4 |     padding: 1px 20px 1px 20px;
 5 |     background-color: #eee;
 6 |     
 7 |     border: 2px solid #ddd;
 8 |     -moz-border-radius: 5px;
 9 |     -webkit-border-radius: 5px;
10 |     border-radius: 5px;   
11 | 
12 |     background-repeat: no-repeat; 
13 |     background-position: center right; 
14 |     
15 |     cursor: pointer;
16 |     color: #555;
17 |     
18 |     white-space: nowrap;
19 | }
20 | 
21 | .gentleselect-label-highlight {
22 |     border: 2px solid #aaa;
23 |     background-image: url('img/expand.png');
24 | }
25 | 
26 | .gentleselect-dialog {
27 |     position: absolute;
28 |     z-index: 500;
29 |     display: none;
30 | 
31 |     background-color: #fff;
32 |     border: 2px solid #999;
33 | 
34 |     -moz-box-shadow: 0px 0px 12px #555;
35 |     -webkit-box-shadow: 0px 0px 12px #555;
36 |     box-shadow: 0px 0px 12px #555;
37 | 
38 |     margin: 0; padding: 0;
39 | }
40 | 
41 | .gentleselect-dialog > ul { padding: 0; margin: 0; list-style: none; }
42 | .gentleselect-dialog > ul > li {
43 |     margin: 0;
44 |     padding: 3px 20px 3px 25px;
45 |     
46 |     cursor: pointer;
47 | }
48 | .gentleselect-dialog > ul > li.selected {
49 |     font-weight: bold;
50 |     color: #369;
51 |     background-color: #eee;
52 | }
53 | .gentleselect-dialog > ul > li.gentleselect-dummy:hover { background-color: #fff; }
54 | .gentleselect-dialog > ul > li:hover {
55 |     background-color: #69c;
56 |     color: #fff;
57 | }
58 | 
59 | .gentleselect-dialog > .gentleselect-title {
60 |     display: block;
61 |     text-align: center;
62 |     margin: 0;
63 |     padding: 2px;
64 |     background-color: #ddd;
65 |     font-size: 0.8em;
66 |     color: #666;
67 |     overflow: hidden;
68 | }
69 | 


--------------------------------------------------------------------------------
/gentleSelect/jquery-gentleSelect.js:
--------------------------------------------------------------------------------
  1 | /*
  2 |  * jQuery gentleSelect plugin
  3 |  * http://shawnchin.github.com/jquery-gentleSelect
  4 |  *
  5 |  * Copyright (c) 2010 Shawn Chin. 
  6 |  * Licensed under the MIT license.
  7 |  * 
  8 |  * Usage:
  9 |  *  (JS)
 10 |  *
 11 |  *  $('#myselect').gentleSelect(); // default. single column
 12 |  * 
 13 |  * $('#myselect').gentleSelect({ // 3 columns, 150px wide each
 14 |  *    itemWidth : 150,
 15 |  *    columns   : 3,
 16 |  * });
 17 |  * 
 18 |  *  (HTML)
 19 |  *  <select id='myselect'><options> .... </options></select>
 20 |  *
 21 |  */
 22 | (function($) {
 23 |     
 24 |     var defaults = {
 25 |         minWidth  : 100, // only applies if columns and itemWidth not set
 26 |         itemWidth : undefined,
 27 |         columns   : undefined,
 28 |         rows      : undefined,
 29 |         title     : undefined,
 30 |         prompt    : "Make A Selection",
 31 |         maxDisplay: 0,  // set to 0 for unlimited
 32 |         openSpeed       : 400,
 33 |         closeSpeed      : 400,
 34 |         openEffect      : "slide",
 35 |         closeEffect     : "slide",
 36 |         hideOnMouseOut  : true
 37 |     }
 38 | 
 39 |     function defined(obj) {
 40 |         if (typeof obj == "undefined") { return false; }
 41 |         else { return true; }
 42 |     }
 43 | 
 44 |     function hasError(c, o) {
 45 |         if (defined(o.columns) && defined(o.rows)) {
 46 |             $.error("gentleSelect: You cannot supply both 'rows' and 'columns'");
 47 |             return true;
 48 |         }
 49 |         if (defined(o.columns) && !defined(o.itemWidth)) {
 50 |             $.error("gentleSelect: itemWidth must be supplied if 'columns' is specified");
 51 |             return true;
 52 |         }
 53 |         if (defined(o.rows) && !defined(o.itemWidth)) {
 54 |             $.error("gentleSelect: itemWidth must be supplied if 'rows' is specified");
 55 |             return true;
 56 |         }
 57 |         if (!defined(o.openSpeed) || typeof o.openSpeed != "number" && 
 58 |                 (typeof o.openSpeed == "string" && (o.openSpeed != "slow" && o.openSpeed != "fast"))) { 
 59 |             $.error("gentleSelect: openSpeed must be an integer or \"slow\" or \"fast\"");
 60 |             return true;
 61 |         }
 62 |         if (!defined(o.closeSpeed) || typeof o.closeSpeed != "number" && 
 63 |                 (typeof o.closeSpeed == "string" && (o.closeSpeed != "slow" && o.closeSpeed != "fast"))) { 
 64 |             $.error("gentleSelect: closeSpeed must be an integer or \"slow\" or \"fast\"");
 65 |             return true;
 66 |         }
 67 |         if (!defined(o.openEffect) || (o.openEffect != "fade" && o.openEffect != "slide")) {
 68 |             $.error("gentleSelect: openEffect must be either 'fade' or 'slide'!");
 69 |             return true;
 70 |         }
 71 |         if (!defined(o.closeEffect)|| (o.closeEffect != "fade" && o.closeEffect != "slide")) {
 72 |             $.error("gentleSelect: closeEffect must be either 'fade' or 'slide'!");
 73 |             return true;
 74 |         }
 75 |         if (!defined(o.hideOnMouseOut) || (typeof o.hideOnMouseOut != "boolean")) {
 76 |             $.error("gentleSelect: hideOnMouseOut must be supplied and either \"true\" or \"false\"!");
 77 |             return true;
 78 |         }
 79 |         return false;
 80 |     }
 81 | 
 82 |     function optionOverrides(c, o) {
 83 |         if (c.attr("multiple")) {
 84 |             o.hideOnMouseOut = true; // must be true or dialog will never hide
 85 |         }
 86 |     }
 87 | 
 88 |     function getSelectedAsText(elemList, opts) { 
 89 |         // If no items selected, return prompt
 90 |         if (elemList.length < 1) { return opts.prompt; }
 91 | 
 92 |         // Truncate if exceed maxDisplay
 93 |         if (opts.maxDisplay != 0 && elemList.length > opts.maxDisplay) {
 94 |             var arr = elemList.slice(0, opts.maxDisplay).map(function(){return $(this).text();});
 95 |             arr.push("...");
 96 |         } else {
 97 |             var arr = elemList.map(function(){return $(this).text();});
 98 |         }
 99 |         return arr.get().join(", ");
100 |     }
101 | 
102 |     var methods = {
103 |         init : function(options) {
104 |             var o = $.extend({}, defaults, options);
105 | 
106 |             if (hasError(this, o)) { return this; }; // check for errors
107 |             optionOverrides(this, o); // 
108 |             this.hide(); // hide original select box
109 |             
110 |             // initialise <span> to replace select box
111 |             label_text = getSelectedAsText(this.find(":selected"), o);
112 |             var label = $("<span class='gentleselect-label'>" + label_text + "</span>")
113 |                 .insertBefore(this)
114 |                 .bind("mouseenter.gentleselect", event_handlers.labelHoverIn)
115 |                 .bind("mouseleave.gentleselect", event_handlers.labelHoverOut)
116 |                 .bind("click.gentleselect", event_handlers.labelClick)
117 |                 .data("root", this);
118 |             this.data("label", label)
119 |                 .data("options", o);
120 |             
121 |             // generate list of options
122 |             var ul = $("<ul></ul>");
123 |             this.find("option").each(function() { 
124 |                 var li = $("<li>" + $(this).text() + "</li>")
125 |                     .data("value", $(this).attr("value"))
126 |                     .data("name", $(this).text())
127 |                     .appendTo(ul);
128 |                 if ($(this).attr("selected")) { li.addClass("selected"); } 
129 |             });
130 | 
131 |             // build dialog box
132 |             var dialog = $("<div class='gentleselect-dialog'></div>")
133 |                 .append(ul)
134 |                 .insertAfter(label)
135 |                 .bind("click.gentleselect", event_handlers.dialogClick)
136 |                 .bind("mouseleave.gentleselect", event_handlers.dialogHoverOut)
137 |                 .data("label", label)
138 |                 .data("root", this);
139 |             this.data("dialog", dialog);
140 |            
141 |             // if to be displayed in columns
142 |             if (defined(o.columns) || defined(o.rows)) {
143 | 
144 |                 // Update CSS
145 |                 ul.css("float", "left")
146 |                     .find("li").width(o.itemWidth).css("float","left");
147 |                     
148 |                 var f = ul.find("li:first");
149 |                 var actualWidth = o.itemWidth 
150 |                     + parseInt(f.css("padding-left")) 
151 |                     + parseInt(f.css("padding-right"));
152 |                 var elemCount = ul.find("li").length;
153 |                 if (defined(o.columns)) {
154 |                     var cols = parseInt(o.columns);
155 |                     var rows = Math.ceil(elemCount / cols);
156 |                 } else {
157 |                     var rows = parseInt(o.rows);
158 |                     var cols = Math.ceil(elemCount / rows);
159 |                 }
160 |                 dialog.width(actualWidth * cols);
161 | 
162 |                 // add padding
163 |                 for (var i = 0; i < (rows * cols) - elemCount; i++) {
164 |                     $("<li style='float:left' class='gentleselect-dummy'><span>&nbsp;</span></li>").appendTo(ul);
165 |                 }
166 | 
167 |                 // reorder elements
168 |                 var ptr = [];
169 |                 var idx = 0;
170 |                 ul.find("li").each(function() {
171 |                     if (idx < rows) { 
172 |                         ptr[idx] = $(this); 
173 |                     } else {
174 |                         var p = idx % rows;
175 |                         $(this).insertAfter(ptr[p]);
176 |                         ptr[p] = $(this);
177 |                     }
178 |                     idx++;
179 |                 });
180 |             } else if (typeof o.minWidth == "number") {
181 |                 dialog.css("min-width", o.minWidth);
182 |             }
183 | 
184 |             if (defined(o.title)) {
185 |                 $("<div class='gentleselect-title'>" + o.title + "</div>").prependTo(dialog);
186 |             }
187 | 
188 |             // ESC key should hide all dialog boxes
189 |             $(document).bind("keyup.gentleselect", event_handlers.keyUp);
190 | 
191 |             return this;
192 |         },
193 | 
194 |         // if select box was updated externally, we need to bring everything
195 |         // else up to speed.
196 |         update : function() {
197 |             var opts = this.data("options");
198 | 
199 |             // Update li with selected data
200 |             var v = (this.attr("multiple")) ? this.val() : [this.val()];
201 |             $("li", this.data("dialog")).each(function() {
202 |                 var $li = $(this);
203 |                 var isSelected = ($.inArray($li.data("value"), v) != -1);
204 |                 $li.toggleClass("selected", isSelected);
205 |             });
206 | 
207 |             // Update label
208 |             var label = getSelectedAsText(this.find(":selected"), opts);
209 |             this.data("label").text(label);
210 |             
211 |             return this;
212 |         }
213 |     };
214 | 
215 |     var event_handlers = {
216 | 
217 |         labelHoverIn : function() { 
218 |             $(this).addClass('gentleselect-label-highlight'); 
219 |         },
220 | 
221 |         labelHoverOut : function() { 
222 |             $(this).removeClass('gentleselect-label-highlight'); 
223 |         },
224 | 
225 |         labelClick : function() {
226 |             var $this = $(this);
227 |             var pos = $this.position();
228 |             var root = $this.data("root");
229 |             var opts = root.data("options");
230 |             var dialog = root.data("dialog")
231 |                 .css("top", pos.top + $this.height())
232 |                 .css("left", pos.left + 1);
233 |             if (opts.openEffect == "fade") {
234 |                 dialog.fadeIn(opts.openSpeed);
235 |             } else {
236 |                 dialog.slideDown(opts.openSpeed);
237 |             }
238 |         },
239 |     
240 |         dialogHoverOut : function() {
241 |             var $this = $(this);
242 |             if ($this.data("root").data("options").hideOnMouseOut) {
243 |                 $this.hide();
244 |             }
245 |         },
246 | 
247 |         dialogClick : function(e) {
248 |             var clicked = $(e.target);
249 |             var $this = $(this);
250 |             var root = $this.data("root");
251 |             var opts = root.data("options");
252 |             if (!root.attr("multiple")) {
253 |                 if (opts.closeEffect == "fade") {
254 |                     $this.fadeOut(opts.closeSpeed);
255 |                 } else {
256 |                     $this.slideUp(opts.closeSpeed);
257 |                 }
258 |             }
259 | 
260 |             if (clicked.is("li") && !clicked.hasClass("gentleselect-dummy")) {
261 |                 var value = clicked.data("value");
262 |                 var name = clicked.data("name");
263 |                 var label = $this.data("label")
264 | 
265 |                 if ($this.data("root").attr("multiple")) {
266 |                     clicked.toggleClass("selected");
267 |                     var s = $this.find("li.selected");
268 |                     label.text(getSelectedAsText(s, opts));
269 |                     var v = s.map(function(){ return $(this).data("value"); });
270 |                     // update actual selectbox and trigger change event
271 |                     root.val(v.get()).trigger("change");
272 |                 } else {
273 |                     $this.find("li.selected").removeClass("selected");
274 |                     clicked.addClass("selected");
275 |                     label.text(clicked.data("name"));
276 |                     // update actual selectbox and trigger change event
277 |                     root.val(value).trigger("change");
278 |                 }
279 |             }
280 |         },
281 | 
282 |         keyUp : function(e) {
283 |             if (e.keyCode == 27 ) { // ESC
284 |                 $(".gentleselect-dialog").hide();
285 |             }
286 |         }
287 |     };
288 | 
289 |     $.fn.gentleSelect = function(method) {
290 |         if (methods[method]) {
291 |             return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
292 |         } else if (typeof method === 'object' || ! method) {
293 |             return methods.init.apply(this, arguments);
294 |         } else {
295 |             $.error( 'Method ' +  method + ' does not exist on jQuery.gentleSelect' );
296 |         }   
297 |     };
298 | 
299 | 
300 | })(jQuery);
301 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE HTML>
  2 | <html>
  3 | <head>
  4 |     <meta charset="utf-8">
  5 |     <title>jquery-cron : a jQuery plugin</title>
  6 |     <link type="text/css" href="gentleSelect/jquery-gentleSelect.css" rel="stylesheet" />
  7 |     <link type="text/css" href="cron/jquery-cron.css" rel="stylesheet" />
  8 |     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
  9 |     <script type="text/javascript" src="gentleSelect/jquery-gentleSelect-min.js"></script>
 10 |     <script type="text/javascript" src="cron/jquery-cron.js"></script>
 11 | 
 12 |     <style>
 13 |     * { margin: 0; padding: 0; }
 14 |     body { font-family: Helvetica,Arial,sans-serif; color: #222; background-color: #ddd;line-height: 24px; }
 15 |     ul { margin-left: 20px; }
 16 |     ol { margin: 15px 0px 0px 20px; }
 17 |     ol li { margin-top: 10px; }
 18 |     h1 { margin: 30px; font-size: 2.5em; font-weight: bold; color: #000; text-align: center; }
 19 |     h2 { border-bottom: 1px solid #999; margin: 30px 0 10px 0; font-size: 1.3em; color: #555; }
 20 |     h3 { border-left: 20px solid #999; padding-left: 10px; line-height: 1.2; font-size: 1.1em; color: #333; margin: 30px 0 10px 0; }
 21 |     p { line-height: 1.3;  margin-top: 20px; }
 22 |     pre { line-height: 1.3; background-color: #369; color: #fff; padding: 10px; margin-top: 20px;}
 23 |     a { color: #369; font-weight: bold; text-decoration: none; }
 24 |     a:hover { text-decoration: underline; }
 25 |     .example { margin: 10px; border: 1px dashed #ccc; padding: 10px;}
 26 |     .example-text { font-family: monospace; }
 27 |     #content { margin: 0 auto;  padding: 20px 20px 40px 20px; width: 760px; background-color: #fff; border: 1px solid #777; border-width: 0 1px 0px 1px; }
 28 |     #footer { margin: 0 auto; padding: 20px; padding-top: 2px; width: 760px; font-size: 0.8em; text-align: center; color: #888; }
 29 |     </style>
 30 |     <script type="text/javascript">
 31 |     $(document).ready(function() {
 32 |         $('#example1').cron({
 33 |             initial: "42 3 * * 5",
 34 |             onChange: function() {
 35 |                 $('#example1-val').text($(this).cron("value"));
 36 |             }
 37 |         });
 38 |         $('#example1b').cron({
 39 |             initial: "42 3 * * 5",
 40 |             onChange: function() {
 41 |                 $('#example1b-val').text($(this).cron("value"));
 42 |             },
 43 |             useGentleSelect: true
 44 |         });
 45 |         $('#example2').cron({
 46 |             initial: "42 3 * * 5",
 47 |             effectOpts: {
 48 |                 openEffect: "fade",
 49 |                 openSpeed: "slow"
 50 |             },
 51 |             useGentleSelect: true
 52 |         });
 53 |         $('#example3').cron({
 54 |             initial: "*/5 * * * *",
 55 |             onChange: function() {
 56 |                 $('#example3-val').text($(this).cron("value"));
 57 |             },
 58 |             customValues: {
 59 |                 "5 Minutes" : "*/5 * * * *",
 60 |                 "2 Hours on Weekends" : "0 */2 * * 5,6"
 61 |             },
 62 |             useGentleSelect: true
 63 |         });
 64 |         $('#example4').cron({
 65 |             initial: "42 3 * * 5",
 66 |             onChange: function() {
 67 |                 $('#example4-val').text($(this).cron("value"));
 68 |             },
 69 |             useGentleSelect: true
 70 |         });
 71 |     });
 72 |     </script>
 73 | </head>
 74 | <body>
 75 | <div id="content">
 76 |     <h1>jQuery plugin: cron</h1>
 77 | 
 78 |     <h2 id='intro'>Introduction</h2>
 79 |     <p>
 80 |     jquery-cron is a <a href='http://jquery.com'>jQuery</a> plugin for
 81 |     presenting a simplified interface for users to specify cron entries.
 82 |     </p>
 83 | 
 84 |     <p>
 85 |     Instead of having to specify the five elements of a cron entry (minute,
 86 |     hour, day of month, month, day of week), jquery-cron provides a simpler
 87 |     interface for users to enter the more common combinations. For example:
 88 |     </p>
 89 | 
 90 |     <div class='example'>
 91 |     <div id='example1'></div>
 92 |     <p>Generated cron entry: <span class='example-text' id='example1-val'></span></p>
 93 |     </div>
 94 |     
 95 |     Or, with <a href='#option-useGentleSelect'>useGentleSelect</a> enabled:
 96 |     
 97 |     <div class='example'>
 98 |     <div id='example1b'></div>
 99 |     <p>Generated cron entry: <span class='example-text' id='example1b-val'></span></p>
100 |     </div>
101 | 
102 |     <p>
103 |     In addition, the <a href='#option-customvalues'><tt>customValues</tt></a>
104 |     option can be used to provide a list of canned cron entries. This allow users to
105 |     cater for common use cases as well as enable more complex cron entries.
106 |     </p>
107 | 
108 |     <p>
109 |     There is much room for improvements and we welcome contributions
110 |     and bug fixes. Feel free to fork <a href='https://github.com/shawnchin/jquery-cron'>the project</a>
111 |     and send us pull requests!
112 |     </p>
113 | 
114 |     <h2>Download</h2>
115 |     <ul>
116 |         <li>Latest Release : <a href='https://github.com/shawnchin/jquery-cron/zipball/v0.1.4.1'>jquery-cron v0.1.4.1</a></li>
117 |         <li>If you're feeling brave, download the <a href='https://github.com/shawnchin/jquery-cron/zipball/master'>Development Version</a></li>
118 |     </ul>
119 | 
120 |     <h2>TODO</h2>
121 |     <ul>
122 |         <li>Support multiple entries per field</li>
123 |         <li>implement option to add CSS class (simplify customisation)</li>
124 |         <li>make the AJAX POST functionality more generic</li>
125 |     </ul>
126 |     <h2>Usage</h2>
127 | 
128 |     <p>
129 |     To use this plugin, one simply needs to load <a href='http://jquery.com'>jQuery</a>
130 |     and the JS/CSS scripts for jquery-cron:
131 |     </p>
132 | 
133 |     <pre>
134 | &lt;script type="text/javascript"
135 |         src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"&gt;&lt;/script&gt;
136 | 
137 | &lt;script type="text/javascript" src="cron/jquery-cron.js"&gt;&lt;/script&gt;
138 | 
139 | &lt;link type="text/css" href="cron/jquery-cron.css" rel="stylesheet" /&gt;
140 | </pre>
141 | <p>If used with <a href="#option-useGentleSelect"><tt>useGentleSelect</tt></a> you'll also need:</p>
142 | <pre>
143 | &lt;script type="text/javascript" src="gentleSelect/jquery-gentleSelect.js"&gt;&lt;/script&gt;
144 | &lt;link type="text/css" href="gentleSelect/jquery-gentleSelect.css" rel="stylesheet" /&gt;
145 | </pre>
146 | <p>
147 |     then attach it to an empty &lt;div&gt; on DOM ready:
148 | </p>
149 | <pre>
150 | &lt;script type="text/javascript"&gt;
151 | $(document).ready(function() {
152 |     $('#selector').cron(); // apply cron with default options
153 | });
154 | &lt;/script&gt;
155 | &lt;!--- somewhere within &lt;body&gt; --&gt;
156 | &lt;div id='selector'&gt;&lt;/div&gt;
157 | </pre>
158 | 
159 |     <p>
160 |     There are several ways one can utilise the generated cron entry:
161 |     <ol>
162 |         <li>
163 |         <strong>Interrogating the object</strong> :
164 |         See  <a href="#method-value"><tt>value</tt></a> method and <a href="#option-onchange"><tt>onChange</tt></a> option.
165 |         </li>
166 | 
167 |         <li>
168 |         <strong>AJAX POST</strong> :
169 |         See the <a href="#option-urlset"><tt>url_set</tt></a> option.
170 |         </li>
171 | 
172 |         <li>
173 |         <strong>embed in existing form</strong> (not recommended) :
174 |         The UI is rendered as a series of &lt;select&gt; boxes within the &lt;div&gt;.
175 |         Therefore, one can (in theory) embed the whole &lt;div&gt; within a form and on submission
176 |         interrogate the appropriate fields. The generated fiels will have the names:
177 |         <ul>
178 |             <li><tt>cron-period</tt> : possible values are "minute, hour, day, week, month, year"</li>
179 |             <li><tt>cron-mins</tt> : only relevant when cron-period = "hour"</li>
180 |             <li><tt>cron-time-hour</tt> : only relevant when cron-period = "day, week, month, year" </li>
181 |             <li><tt>cron-time-min</tt> : only relevant when cron-period = "day, week, month, year" </li>
182 |             <li><tt>cron-dom</tt> : only relevant when cron-period = "month, year"</li>
183 |             <li><tt>cron-month</tt> : only relevant when cron-period = "year"</li>
184 |             <li><tt>cron-dow</tt> : only relevant when cron-period = "week"</li>
185 |         </ul>
186 |         </li>
187 |     </ol>
188 |     </p>
189 | 
190 |     <h2>Options</h2>
191 | 
192 |     <h3 id='option-initial'>initial</h3>
193 |     <p>
194 |     The <tt>initial</tt> option allows you the set the initial cron value. If an initialll value is not set,
195 |     a default value of <tt>"* * * * *"</tt> is used.
196 |     </p>
197 | 
198 |     <p>
199 |     After the object has been set up, you can still update the value using
200 |     the <a href="#method-value"><tt>value</tt></a> method.
201 |     </p>
202 | 
203 |     <h3 id='option-urlset'>url_set</h3>
204 |     <p>
205 |     You can asynchronously submit the current value to you backend script by specifying then
206 |     the URL using the <tt>url_set</tt> option.
207 |     </p>
208 | 
209 |     <p>
210 |     If this option is set, a "save" icon will appear when changes are made allowing users
211 |     to submit their changes to the backend for processing.
212 |     </p>
213 | 
214 |     <p>
215 |     jquery-cron will submit the values <tt>{"cron": ??}</tt> using a POST request via AJAX.
216 |     If a non-error HTTP response is received, the save is considered to be successfule and
217 |     the "save" icon will be hidden until the next change is made.
218 |     </p>
219 | 
220 | 
221 |     <h3 id='option-onchange'>onChange</h3>
222 |     <p>
223 |     You can set a callback function using the <tt>onChange</tt> option. The function will be called
224 |     each time the value changes.
225 |     For instance, the <a href='#intro'>example in the introduction</a> is implemented as using:
226 |     </p>
227 | 
228 |     <pre>
229 | $('#example1').cron({
230 |     initial: "42 3 * * 5",
231 |     onChange: function() {
232 |         $('#example1-val').text($(this).cron("value"));
233 |     }
234 | });</pre>
235 | 
236 |     <h3 id='option-useGentleSelect'>useGentleSelect</h3>
237 |     <p>Tells the plugin to use <a href='http://shawnchin.github.com/jquery-gentleSelect'>gentleSelect</a> to show dropdown options instead of the default select inputs.
238 |     </p>
239 | 
240 |     <pre>
241 | $('#example1').cron({
242 |     initial: "42 3 * * 5",
243 |     onChange: function() {
244 |         $('#example1-val').text($(this).cron("value"));
245 |     },
246 |     useGentleSelect: true // default: false
247 | });</pre>
248 | 
249 |     <div class='example'>
250 |         <div id='example4'></div>
251 |         <p>Generated cron entry: <span class='example-text' id='example4-val'></span></p>
252 |     </div>
253 | 
254 |     <h3 id='option-effectopts'>effectOpts</h3>
255 |     <p>
256 |         You can change the effects used when displaying/hiding the selection menu by changing the
257 |         parameters in effectOpts. These values will be used as the default options for <tt>gentleSelect</tt>.
258 |     </p>
259 | 
260 |     <p>
261 |         The following parameters can be set:
262 |         <ul>
263 |             <li><a href='http://shawnchin.github.com/jquery-gentleSelect/#option-effect'>openEffect</a> (default: <tt>'slide'</tt>)</li>
264 |             <li><a href='http://shawnchin.github.com/jquery-gentleSelect/#option-effect'>closeEffect</a> (default: <tt>'slide'</tt>)</li>
265 |             <li><a href='http://shawnchin.github.com/jquery-gentleSelect/#option-speed'>openSpeed</a> (default: <tt>400</tt>)</li>
266 |             <li><a href='http://shawnchin.github.com/jquery-gentleSelect/#option-speed'>closeSpeed</a> (default: <tt>400</tt>)</li>
267 |             <li><a href='http://shawnchin.github.com/jquery-gentleSelect/#option-mouseout'>hideOnMouseOut</a> (default: <tt>true</tt>)</li>
268 |         </ul>
269 |     </p>
270 | 
271 |     <p>
272 |         For example, the following uses the <tt>fade</tt> effect with a slower animation speed:
273 |     </p>
274 | 
275 |     <p>
276 |         <div id='example2'></div>
277 |         <pre>
278 | $('#example2').cron({
279 |     initial: "42 3 * * 5",
280 |     effectOpts: {
281 |         openEffect: "fade",
282 |         openSpeed: "slow"
283 |     }
284 | });</pre>
285 |     </p>
286 | 
287 |     <h3 id='option-each-element'>Customising individual select boxes</h3>
288 |     <p>
289 |         It is possible to customise each of the generated select boxes by sending additional
290 |         options to its instance of <tt>gentleSelect</tt>.
291 |         All <a href='http://shawnchin.github.com/jquery-gentleSelect/#option-title'>attributes
292 |         support by jquery-gentleSelect</a> can be specified.
293 |     </p>
294 | 
295 |     <p>
296 |         The following are the options to use for each select menu:
297 |         <ul>
298 |             <li><tt>minuteOpts</tt> - Minutes past the hour (hourly)</li>
299 |             <li><tt>timeMinuteOpts</tt> - Time:Minute  (daily, weekly, monthly, yearly)</li>
300 |             <li><tt>timeHourOpts</tt> - Time:Hour  (daily, weekly, monthly, yearly)</li>
301 |             <li><tt>dowOpts</tt> - Day of week  (weekly)</li>
302 |             <li><tt>domOpts</tt> - Day of month  (monthly, yearly)</li>
303 |             <li><tt>monthOpts</tt> - Month (yearly)</li>
304 |         </ul>
305 |     </p>
306 | 
307 |     <p>
308 |         For example, to change the title of the "Day of Month" select box which appears for monthly and yearly crons:
309 |         <pre>
310 | $('#selector').cron({
311 |     initial: "42 3 * * 5",
312 |     domOpts: {
313 |         title: "N-th day of the month"
314 |     }
315 | });
316 | </pre>
317 | 
318 |     </p>
319 | 
320 |     <h3 id='option-customvalues'>Adding custom values</h3>
321 |     <p>
322 |     Additional entries can be included in the period selection using the <tt>customValues</tt>
323 |     option. This allows you to specify more complex cron entries that is not currently expressible
324 |     using the current setup.
325 |     </p>
326 |     <p>
327 |     For example, the following adds two additional entries to the selection:
328 |         <pre>
329 | $('#selector').cron({
330 |     initial: "*/5 * * * *",
331 |     customValues: {
332 |         "5 Minutes" : "*/5 * * * *",
333 |         "2 Hours on Weekends" : "0 */2 * * 5,6"
334 |     }
335 | });
336 | </pre>
337 |     </p>
338 | 
339 |     <div class='example'>
340 |         <div id='example3'></div>
341 |         <p>Generated cron entry: <span class='example-text' id='example3-val'></span></p>
342 |     </div>
343 | 
344 |     <p>
345 |     <b>Caveats:</b>
346 |     <ul>
347 |         <li>
348 |             At present, cron entries specified in <tt>customValues</tt> are not validated.
349 |             It is down to the implementer to ensure that provided values are as required.
350 |         </li>
351 |         <li>
352 |             The <a href='#method-value'><tt>value</tt></a> method can be used to retrieve
353 |             custom cron values. However, it cannot be used to set custom values.
354 |         </li>
355 |     </ul>
356 |     </p>
357 |     <h2>Methods</h2>
358 |     <h3 id='method-value'>value</h3>
359 |     <p>
360 |     The <tt>value</tt> method enables you to set/get the current cron value.
361 |     </p>
362 | 
363 |     <pre>
364 | // Initialise a cron objecy
365 | var cron_field = $('#selector').cron();
366 | 
367 | // Updating the value of an existing cron object
368 | cron_field.cron("value", "12 23 * * *");
369 | 
370 | // calling the method with the extra argument returns the current value
371 | var current_value = cron_field.cron("value")
372 | </pre>
373 | 
374 | </div>
375 | <div id='footer'>
376 | 
377 | 
378 | Copyright &copy; 2010-2013 <a href='http://github.com/shawnchin'>Shawn Chin</a>
379 | (Licensed under the <a href='http://www.opensource.org/licenses/mit-license.php'>MIT License</a>)
380 | </div>
381 | <a href="http://github.com/shawnchin/jquery-cron"><img style="position: absolute; top: 0; right: 0; border: 0;" src="http://s3.amazonaws.com/github/ribbons/forkme_right_gray_6d6d6d.png" alt="Fork me on GitHub" /></a>
382 | 
383 | </body>
384 | </html>
385 | 


--------------------------------------------------------------------------------