Refreshing Page from DatePicker

Question

Does anyone know how to refresh a page when the date has changed in a DatePicker? The action=true doesn't seem to be working. I tried invoking a java script function from onclick and onchange but that is not working either.
Please let me know if you have any code snippet that I can use to refresh the page.

Answer 1

Ok,
I think I got this one nailed down. I tested the earlier code and it had 2 problems: (1) would work on all major browsers except IE (2) would not work when the month/year is changed in the popup-window.
Needed quite some work-around, but here's the code that should work overall. Add it after the DatePicker field and replace the name "date_picker" with the field-name that you have.
<Field name='datePicker_HtmlScript'>
  <Display class='Html'>
    <Property name='html' value='<script> var field_name = "date_picker";  var date_picker = document.mainform.elements[field_name].nextSibling; var arrayOnClicks = new Array(); var buildCalendar_orig = Build;  function modifyCalendarLinks() {  &#x9;var aLinks = ggWinCal.document.getElementsByTagName("A"); &#x9;if (aLinks != null) { &#x9;&#x9;var parentWindow = ggWinCal.opener; &#x9;&#x9;var function_recalculate = function() {  &#x9;&#x9;&#x9;Build = buildCalendar_orig; &#x9;&#x9;&#x9;submitCommandAndYallComeBack(field_name, parentWindow.document.mainform, "Recalculate"); &#x9;&#x9;};  &#x9;&#x9;for (var i=0 ; i<aLinks.length ; i++) { &#x9;&#x9;&#x9;if (isNaN(aLinks.innerHTML) == false) { &#x9;&#x9;&#x9;&#x9;arrayOnClicks[aLinks[i].innerHTML - 0] = aLinks[i].onclick; &#x9;&#x9;&#x9;&#x9;aLinks[i].onclick = function() { &#x9;&#x9;&#x9;&#x9;&#x9;arrayOnClicks[this.innerHTML - 0](); &#x9;&#x9;&#x9;&#x9;&#x9;function_recalculate(); &#x9;&#x9;&#x9;&#x9;}; &#x9;&#x9;&#x9;} &#x9;&#x9;&#x9;else { &#x9;&#x9;&#x9;&#x9;var todaysDate = new Date().getDay(); &#x9;&#x9;&#x9;&#x9;if (aLinks[i].innerHTML.indexOf(">" + todaysDate + "<") >= 0) { &#x9;&#x9;&#x9;&#x9;&#x9;arrayOnClicks[todaysDate] = aLinks[i].onclick; &#x9;&#x9;&#x9;&#x9;&#x9;aLinks[i].onclick = function() { &#x9;&#x9;&#x9;&#x9;&#x9;&#x9;arrayOnClicks[todaysDate](); &#x9;&#x9;&#x9;&#x9;&#x9;&#x9;function_recalculate(); &#x9;&#x9;&#x9;&#x9;&#x9;}; &#x9;&#x9;&#x9;&#x9;} &#x9;&#x9;&#x9;} &#x9;&#x9;} &#x9;} } var popup_onclose = function() { &#x9;if(ggWinCal != null) { &#x9;&#x9;Build = function(p_item, p_form, p_month, p_year, p_format) { &#x9;&#x9;&#x9;buildCalendar_orig(p_item, p_form, p_month, p_year, p_format); &#x9;&#x9;&#x9;modifyCalendarLinks(); &#x9;&#x9;}; &#x9;&#x9;modifyCalendarLinks(); &#x9;} }; if (date_picker != null) { &#x9;date_picker.href += "popup_onclose();"; } </script>'/>
</Display>
</Field>And here's the above script (with better readability) that does the "magic" :)<script>
var field_name = "date_picker";
var date_picker = document.mainform.elements[field_name].nextSibling;
var arrayOnClicks = new Array();
var buildCalendar_orig = Build;
function modifyCalendarLinks() {
     var aLinks = ggWinCal.document.getElementsByTagName("A");
     if (aLinks != null) {
          var parentWindow = ggWinCal.opener;
          var function_recalculate = function() {
               Build = buildCalendar_orig;
               submitCommandAndYallComeBack(field_name, parentWindow.document.mainform, "Recalculate");
          for (var i=0 ; i<aLinks.length ; i++) {
               if (isNaN(aLinks[i].innerHTML) == false) {
                    arrayOnClicks[aLinks[i].innerHTML - 0] = aLinks[i].onclick;
                    aLinks[i].onclick = function() {
                         arrayOnClicks[this.innerHTML - 0]();
                         function_recalculate();
               else {
                    var todaysDate = new Date().getDay();
                    if (aLinks[i].innerHTML.indexOf(">" + todaysDate + "<") >= 0) {
                         arrayOnClicks[todaysDate] = aLinks[i].onclick;
                         aLinks[i].onclick = function() {
                              arrayOnClicks[todaysDate]();
                              function_recalculate();
var popup_onclose = function() {
     if(ggWinCal != null) {
          Build = function(p_item, p_form, p_month, p_year, p_format) {
               buildCalendar_orig(p_item, p_form, p_month, p_year, p_format);
               modifyCalendarLinks();
          modifyCalendarLinks();
if (date_picker != null) {
     date_picker.href += "popup_onclose();";
</script>-Adi
[www.xpressutils.com|http://www.xpressutils.com]