Re[3]: JSCalendar in AJAX Page
2008/10/06 18:31
Viewed 3572 times
Replies: 1/1
by J_B

Well, a couple of typos, and there didn't seem to be a way to edit the original reply, so here's a corrected version of the html/js that gets inserted dynamically (the relevant parts, at least):

<input type='text' id='date' name='date' style='text-align: center;' size='10' maxlength='10' value='' onClick='calSetup_date(this)' readonly>
<script type="text/javascript">
function calSetup_date(element)
{
Calendar.setup(
{
align : "br", // align to cover input field
inputField : "date", // ID of the input field
ifFormat : "%Y-%m-%d", // the date format
weekNumbers : false, // Don't display week numbers
step : 1, // year step in menu
}
);
var evt = document.createEvent("MouseEvents");
evt.initMouseEvent("click", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
element.dispatchEvent(evt);
}
</script>

Re[4]: JSCalendar in AJAX Page
2008/10/09 16:42
Viewed 3457 times
Replies: 0/0
by J_B

OK, well, I discovered that the separate <script...> I was using doesn't work in Safari, so I had to switch things up so that it's similar to the method used in the original reply to this question:

<input type='text' id='date' name='date' style='text-align: center;' size='10' maxlength='10' value='' onClick='Calendar.setup({align : "br", inputField : "date", ifFormat : "%Y-%m-%d", weekNumbers : false, step : 1}); var evt = document.createEvent("MouseEvents"); evt.initMouseEvent("click", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null); this.dispatchEvent(evt);' readonly>

last
Google