// Initialise the date picker demonstrations $(document).ready(function () { // initialize tab interface tabs.init(); // reset defaults to English $.datepicker.setDefaults($.datepicker.regional['']); // replace script tags with HTML code $(".demojs").each(function () { $(this).before( '
' + $(this).html() + "
" ); eval( $(this).html() ); }); // Localization if ($.browser.safari) { $('.languageSelect,.l10nDatepicker,#frFullFormat').attr({ disabled: 'disabled' }); } else { $('.languageSelect').change(localise); } // Stylesheets $('#altStyle').datepicker({buttonImage: 'img/calendar2.gif', prevText: ' Prev', nextText: 'Next '}); $('#button3').click(function() { $.datepicker.dialogDatepicker($('#altDialog').val(), setAltDateFromDialog, {prompt: 'Choose a date', speed: '', prevText: ' Prev', nextText: 'Next '}); }); }); // Load and apply a localisation package for the date picker function localise() { var input = $('input', this.parentNode.parentNode); var date = $.datepicker.getDateFor(input); var language = $(this).val(); $.localise('../i18n/ui.datepicker', {language: language}); $.datepicker.reconfigureFor(input, $.datepicker.regional[language]). setDefaults($.datepicker.regional['']); // Reset for general usage if (date) { $.datepicker.setDateFor(input, date); input.val($.datepicker.formatDate( $.datepicker.regional[language].dateFormat, date)); } } // Demonstrate a callback from inline configuration function showDay(input) { var date = $.datepicker.getDateFor(input); $('#inlineDay').html(date ? $.datepicker.formatDate('DD', date) : 'blank'); } // Display a date selected in a "dialog" function setAltDateFromDialog(date) { $('#altDialog').val(date); } // Custom Tabs written by Marc Grabanski var tabs = { init : function () { // Setup tabs $("div[@class^=tab_group]").hide(); $("div[@class^=tab_group]:first").show().id; $("ul[@id^=tab_menu] a:eq(0)").addClass('over'); // Slide visible up and clicked one down $("ul[@id^=tab_menu] a").each(function(i){ $(this).click(function () { $("ul[@id^=tab_menu] a.over").removeClass('over'); $(this).addClass('over'); $("div[@class^=tab_group]:visible").hide(); $( $(this).attr("href") ).fadeIn(); tabs.stylesheet = $(this).attr("href") == "#styles" ? 'alt' : 'default'; $('link').each(function() { this.disabled = (this.title != '' && this.title != tabs.stylesheet); }); return false; }); }); } }