/** Following function initializes when a page is loaded. It enables quick links,
* search box hint, image rotator, makes data grid strips, hightlightable on hover, date picker workable, etc.
* @requirement: jQuery is required in the .
* @author: Henry Jin
* @version: 2010-01-15
*/
/*********************************************************************************
* Main entry. It runs when page loaded. Javascript framework jQuery is required.
*/
$(document).ready(function() {
jQueryTooltips();
jQueryDatePicker();
});
/*********************************************************************************
* To enable Tooltip for
* @author jinh
* @version 2010-02-24
*/
function jQueryTooltips() {
var options = {
showURL: false,
track: true
};
$('a.tooltip').tooltip(options);
}
/*********************************************************************************
* To make an interactive date picker on eligible input text fields
* @example:
*/
function jQueryDatePicker() {
/** Skip if browswer is Opera */
if (window.opera) {
return;
}
//alert($("input.datepicker").length);
var options = {
dateFormat: $.datepicker.ISO_8601, /** same as 'yy-mm-dd' e.g. "2012-03-15" */
changeMonth: true,
changeYear: true,
yearRange: '-00:+03', /** this year and furture 3 years. This option maybe unneccesary, because not applicable for a date-of-birth datepicker. */
showButtonPanel: true,
showWeek: true,
showOn: 'both',
buttonImage: '/images/icon_calendar.png',
buttonImageOnly: true,
buttonText: 'Calendar',
autoSize: true
};
$('input[type="date"]').each(function(i){
$(this)
.attr({size: 10, maxlength: 10})
.datepicker(options);
});
}
/* End */