I'd like to use the new popup calendar in WebFOCUS Maintain 7.7 but I have no room next to my date fields for the small calendar icon. What I'd like to do is have the user double click the edit box for the date and have the calendar popup appear via a double click trigger on the edit box. Is there a way to call a Javascript Calendar function directly in 7.7? I've looked through dynCalendar.js in the maint directory and see the dynCalendar() function but I'm not sure if this is callable, or if there's a different function in there, and what needs to be passed as parameters. Also would the form still need to have the Calendar property set to 1? Would the edit box control itself have the Calendar property set to 0 so that the calendar icon doesn't appear? Finally, in a call to whatever function that would create the popup calendar, if it exists, would there be a way to specify the X offset of the calendar when it pops up? When using the calendar icon, the popup's upper left corner is to the right and below the calendar icon. I'd like it to be more centered on the calendar icon or, in my case, the edit box.

Thanks,
James

This message has been edited. Last edited by: J. Erickson,

Hi James,

I checked with our technicals and was suggested that, since it will require customizing the calendar js files, this issue should be address by a case with Customer Support Services. Please call 1-800-736-6130, or access online at InfoResponse.

Cheers,

Kerry

Or, use some JS, associated with a "show calendar" and the "calendar control", to show/hide the calendar control.

Ok... Here is our solution.

First of all, turn the calendar on for the form and the fields. Then use this command to hid the icon:


var editboxname = "EditBox1";
// hide calendar icon
document.getElementsByName( editboxname )[1].style.display = "none";

Use the name of your editbox / field. You can put this in the onload.js so the icons do not appear when the form does.

Next, add this as the fields double-click (or click) event:

function OnEditBox1_DoubleClick ( ) {
var calendarcontrol = EditBox1_calendar;
// open calendar window
calendarcontrol.show();
// move calendar window
document.getElementById( calendarcontrol.layerID ).style.top = "10px"
document.getElementById( calendarcontrol.layerID ).style.left = "10px"
}

That performs the code that will display the calendar. Here is also the code to move the calendar by changing the pixel offset.

Mark

Thanks for the responses. That should be all I need. Closing this topic.