JMech
10-20-2005, 07:39 PM
I am trying to get a pop up calendar to be disabled when a certain criteria is selected using a drop down box. Every thing is working in IE but Netscape is giving an event is not defined message when the calendar image is clicked on. here is the javascript being used.
function showHideCalendarObject(dateField,fromToDateField,fromTo){
var selectedValue = document.forms[1].elements[dateField].value;
var fromToField = 'searchDefinitionForm.'+fromToDateField;
if (selectedValue == 'E' || selectedValue == 'G' || selectedValue == 'L'){
if (fromTo == 'from'){
g_Calendar.show(event,fromToField,true,'mm/dd/yyyy'); return false;
}
if (fromTo == 'to'){
g_Calendar.hide(event,fromToField,true,'mm/dd/yyyy'); return false;
}
}
if (selectedValue == 'B' || selectedValue == null || selectedValue.charAt(0) == ''){
g_Calendar.show(event,fromToField,true,'mm/dd/yyyy'); return false;
}
if (selectedValue == 'N'){
g_Calendar.hide(event,fromToField,true,'mm/dd/yyyy'); return false;
}
}
<tr bgcolor="#d8e0ea">
<td COLSPAN="0" ALIGN="CENTER" VALIGN="MIDDLE" width="25"
class="asterisk"><mcihtml:errors property="orderCreateDate"/></td>
<td ALIGN="CENTER" VALIGN="MIDDLE" class="asterisk" width="<%=f%>"><mcibean:message
key='orderCreateDate.requiredPrefix' view='<%=view%>' /></td>
<td width="<%=g%>"><a class="labelentry"
title="<mcibean:message key='orderCreateDate.help' view='<%=view%>'/>">
<mcibean:message key='orderCreateDate.label' view='<%=view%>' /></a></td>
<td class="fieldentry" colspan="3" width="<%=g%>"><html:select name="searchDefinitionForm"
property="orderCreateDate" onchange="javascript:disableDateField('orderCreateDate','orderCreateDateFrom','orderCreateDateTo');">
<html:optionsCollection property="displayDateFilters"
label="label" value="value" />
</html:select></td>
<td COLSPAN="0" ALIGN="CENTER" VALIGN="MIDDLE" width="25"
class="asterisk"><mcihtml:errors property="orderCreateDateFrom"/></td>
<td colspan="3" class="fieldentry"><html:text
name="searchDefinitionForm" property="orderCreateDateFrom"
maxlength="15" size="15" /> <a href="javascript: void(0);"
onmouseover="if (timeoutId) clearTimeout(timeoutId);window.status='Show Calendar';return true;"
onmouseout="if (timeoutDelay) calendarTimeout();window.status='';"
onclick = "javascript:showHideCalendarObject('orderCreateDate','orderCreateDateFrom','from');">
<%-- onclick="g_Calendar.show(event,'searchDefinitionForm.orderCreateDateFrom',true,'mm/dd/yyyy'); return false;"> --%>
<os:image file="calendar.gif" name="imgCalendar" alt="calendar"
border="0" /></a>
</td>
<td COLSPAN="0" ALIGN="CENTER" VALIGN="MIDDLE" width="25"
class="asterisk"><mcihtml:errors property="orderCreateDateTo"/></td>
<td class="fieldentry" colspan="3"><html:text name="searchDefinitionForm"
property="orderCreateDateTo" maxlength="15" size="15" /> <a
href="javascript: void(0);"
onmouseover="if (timeoutId) clearTimeout(timeoutId);window.status='Show Calendar';return true;"
onmouseout="if (timeoutDelay) calendarTimeout();window.status='';"
onclick = "javascript:showHideCalendarObject('orderCreateDate', 'orderCreateDateTo','to');">
<%-- onclick="g_Calendar.show(event,'searchDefinitionForm.orderCreateDateTo',true, 'mm/dd/yyyy'); return false"> --%>
<os:image file="calendar.gif" name="imgCalendar" alt="calendar"
border="0" /></a></td>
</tr>
Any ideas would be appreciated. Thank you.
function showHideCalendarObject(dateField,fromToDateField,fromTo){
var selectedValue = document.forms[1].elements[dateField].value;
var fromToField = 'searchDefinitionForm.'+fromToDateField;
if (selectedValue == 'E' || selectedValue == 'G' || selectedValue == 'L'){
if (fromTo == 'from'){
g_Calendar.show(event,fromToField,true,'mm/dd/yyyy'); return false;
}
if (fromTo == 'to'){
g_Calendar.hide(event,fromToField,true,'mm/dd/yyyy'); return false;
}
}
if (selectedValue == 'B' || selectedValue == null || selectedValue.charAt(0) == ''){
g_Calendar.show(event,fromToField,true,'mm/dd/yyyy'); return false;
}
if (selectedValue == 'N'){
g_Calendar.hide(event,fromToField,true,'mm/dd/yyyy'); return false;
}
}
<tr bgcolor="#d8e0ea">
<td COLSPAN="0" ALIGN="CENTER" VALIGN="MIDDLE" width="25"
class="asterisk"><mcihtml:errors property="orderCreateDate"/></td>
<td ALIGN="CENTER" VALIGN="MIDDLE" class="asterisk" width="<%=f%>"><mcibean:message
key='orderCreateDate.requiredPrefix' view='<%=view%>' /></td>
<td width="<%=g%>"><a class="labelentry"
title="<mcibean:message key='orderCreateDate.help' view='<%=view%>'/>">
<mcibean:message key='orderCreateDate.label' view='<%=view%>' /></a></td>
<td class="fieldentry" colspan="3" width="<%=g%>"><html:select name="searchDefinitionForm"
property="orderCreateDate" onchange="javascript:disableDateField('orderCreateDate','orderCreateDateFrom','orderCreateDateTo');">
<html:optionsCollection property="displayDateFilters"
label="label" value="value" />
</html:select></td>
<td COLSPAN="0" ALIGN="CENTER" VALIGN="MIDDLE" width="25"
class="asterisk"><mcihtml:errors property="orderCreateDateFrom"/></td>
<td colspan="3" class="fieldentry"><html:text
name="searchDefinitionForm" property="orderCreateDateFrom"
maxlength="15" size="15" /> <a href="javascript: void(0);"
onmouseover="if (timeoutId) clearTimeout(timeoutId);window.status='Show Calendar';return true;"
onmouseout="if (timeoutDelay) calendarTimeout();window.status='';"
onclick = "javascript:showHideCalendarObject('orderCreateDate','orderCreateDateFrom','from');">
<%-- onclick="g_Calendar.show(event,'searchDefinitionForm.orderCreateDateFrom',true,'mm/dd/yyyy'); return false;"> --%>
<os:image file="calendar.gif" name="imgCalendar" alt="calendar"
border="0" /></a>
</td>
<td COLSPAN="0" ALIGN="CENTER" VALIGN="MIDDLE" width="25"
class="asterisk"><mcihtml:errors property="orderCreateDateTo"/></td>
<td class="fieldentry" colspan="3"><html:text name="searchDefinitionForm"
property="orderCreateDateTo" maxlength="15" size="15" /> <a
href="javascript: void(0);"
onmouseover="if (timeoutId) clearTimeout(timeoutId);window.status='Show Calendar';return true;"
onmouseout="if (timeoutDelay) calendarTimeout();window.status='';"
onclick = "javascript:showHideCalendarObject('orderCreateDate', 'orderCreateDateTo','to');">
<%-- onclick="g_Calendar.show(event,'searchDefinitionForm.orderCreateDateTo',true, 'mm/dd/yyyy'); return false"> --%>
<os:image file="calendar.gif" name="imgCalendar" alt="calendar"
border="0" /></a></td>
</tr>
Any ideas would be appreciated. Thank you.