I am using t:inputDate with popupCalendar attribute set to "true". It works perfectly in Firefox but the calendar can't popup in IE. Would anyone please help me? Thanks very much!
Here is my JSP source code:
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<%@ taglib uri="http://myfaces.apache.org/tomahawk" prefix="t"%>
<html>
<head>
<title>Stock Management System</title>
</head>
<body>
<f:view>
<h:form>
<t:outputText value="Welcome "/>
<t:outputText value="#{account.engName}!"/>
<p>
<t:panelGrid columns="3">
<t:commandLink tabindex="100" value="Save" action="#{transactionHandler.insert}"/>
<t:commandLink tabindex="101" value="Cancel" action="main" immediate="true"/>
<h:outputLink tabindex="102" value="#{facesContext.externalContext.request.contextPath}/pages/logout.jsp">
<t:outputText value="Logout"/>
</h:outputLink>
</t:panelGrid>
<p>
<t:panelGrid id="main" columns="3">
<t:outputText value="Buy / Sell"/>
<t:selectOneMenu tabindex="1" id="action" value="#{transaction.action}" required="true">
<f:selectItem itemValue="B" itemLabel="Buy"/>
<f:selectItem itemValue="S" itemLabel="Sell"/>
</t:selectOneMenu>
<t:message for="action"/>
<t:outputText value="Date"/>
<t:inputDate id="date" type="date" popupCalendar="true" value="#{transaction.date}"/> <t:message for="date"/>
<t:outputText value="Stock Code"/>
<t:inputText tabindex="5" id="stockCd" value="#{transaction.stockCd}" size="4" dir="RTL" required="true">
<f:validateLongRange maximum="9999" minimum="1"/>
</t:inputText>
<t:message for="stockCd"/>
<t:outputText value="Quantity" />
<t:inputText tabindex="6" id="qty" value="#{transaction.qty}" size="8" dir="RTL" required="true">
<f:validateDoubleRange minimum="0"/>
</t:inputText>
<t:message for="qty"/>
<t:outputText value="Unit Price" />
<t:inputText tabindex="7" id="unitPrice" value="#{transaction.unitPrice}" size="8" dir="RTL" required="true">
<f:convertNumber pattern="$#,##0.000"/>
<f:validateDoubleRange minimum="0"/>
</t:inputText>
<t:message for="unitPrice"/>
<t:outputText value="Brokerage" />
<t:inputText tabindex="8" id="brokerage" value="#{transaction.brokerage}" size="8" dir="RTL">
<f:convertNumber pattern="$#,##0.00"/>
<f:validateDoubleRange minimum="0"/>
</t:inputText>
<t:message for="brokerage"/>
<t:outputText value="Levy Fee" />
<t:inputText tabindex="9" id="levy" value="#{transaction.levy}" size="8" dir="RTL">
<f:convertNumber pattern="$#,##0.00"/>
<f:validateDoubleRange minimum="0"/>
</t:inputText>
<t:message for="levy"/>
<t:outputText value="Stamp Duty" />
<t:inputText tabindex="10" id="stampDuty" value="#{transaction.stampDuty}" size="8" dir="RTL">
<f:convertNumber pattern="$#,##0.00"/>
<f:validateDoubleRange minimum="0"/>
</t:inputText>
<t:message for="stampDuty"/>
<t:outputText value="Trading Fee" />
<t:inputText tabindex="11" id="tradingFee" value="#{transaction.tradingFee}" size="8" dir="RTL">
<f:convertNumber pattern="$#,##0.00"/>
<f:validateDoubleRange minimum="0"/>
</t:inputText>
<t:message for="tradingFee"/>
<t:outputText value="Investment Compensation Levy" />
<t:inputText tabindex="12" id="invCompLevy" value="#{transaction.invCompLevy}" size="8" dir="RTL">
<f:convertNumber pattern="$#,##0.00"/>
<f:validateDoubleRange minimum="0"/>
</t:inputText>
<t:message for="invCompLevy"/>
<t:outputText value="Handling Charge" />
<t:inputText tabindex="13" id="handlingChrg" value="#{transaction.handlingCharge}" size="8" dir="RTL">
<f:convertNumber pattern="$#,##0.00"/>
<f:validateDoubleRange minimum="0"/>
</t:inputText>
<t:message for="handlingChrg"/>
<t:outputText value="Deposit Charge" />
<t:inputText tabindex="14" id="depositChrg" value="#{transaction.depositCharge}" size="8" dir="RTL">
<f:convertNumber pattern="$#,##0.00"/>
<f:validateDoubleRange minimum="0"/>
</t:inputText>
<t:message for="depositChrg"/>
</t:panelGrid>
</h:form>
</f:view>
</body>
</html>
Here is the generated HTML results"
<html>
<head>
<link rel="stylesheet" href="/Stock/faces/myFacesExtensionResource/org.apache.myfaces.renderkit.html.util.MyFacesResourceLoader/11796022/calendar.HtmlCalendarRenderer/WH/theme.css" type="text/css" />
<link rel="stylesheet" href="/Stock/faces/myFacesExtensionResource/org.apache.myfaces.renderkit.html.util.MyFacesResourceLoader/11796022/calendar.HtmlCalendarRenderer/DB/theme.css" type="text/css" />
<script type="text/javascript" src="/Stock/faces/myFacesExtensionResource/org.apache.myfaces.renderkit.html.util.MyFacesResourceLoader/11796022/prototype.PrototypeResourceLoader/prototype.js"><!--
//--></script>
<script type="text/javascript" src="/Stock/faces/myFacesExtensionResource/org.apache.myfaces.renderkit.html.util.MyFacesResourceLoader/11796022/calendar.HtmlCalendarRenderer/date.js"><!--
//--></script>
<script type="text/javascript" src="/Stock/faces/myFacesExtensionResource/org.apache.myfaces.renderkit.html.util.MyFacesResourceLoader/11796022/calendar.HtmlCalendarRenderer/popcalendar.js"><!--
//--></script>
<title>Stock Management System</title>
</head>
<body>
<form id="_idJsp0" name="_idJsp0" method="post" action="/Stock/pages/add_transaction.jsf" enctype="application/x-www-form-urlencoded">
Welcome
Tsang Shiu Ching!
<p>
<table><tbody><tr><td><script type="text/javascript"><!--
function oamSetHiddenInput(formname, name, value)
{
var form = document.forms[formname];
if(typeof form.elements[name]=='undefined')
{
var newInput = document.createElement('input');
newInput.setAttribute('type','hidden');
newInput.setAttribute('name',name);
newInput.setAttribute('value',value);
form.appendChild(newInput);
}
else
{
form.elements[name].value=value;
}
}
function oamClearHiddenInput(formname, name, value)
{
var form = document.forms[formname];
if(typeof form.elements[name]!='undefined')
{
form.elements[name].value=null;
}
}
function oamSubmitForm(formName, linkId, target, params)
{
var clearFn = 'clearFormHiddenParams_'+formName.replace(/-/g, '\$:').replace(/:/g,'_');
if(typeof eval('window.'+clearFn)!='undefined')
{
eval('window.'+clearFn+'(formName)');
}
if(typeof window.getScrolling!='undefined')
{
oamSetHiddenInput(formName,'autoScroll',getScrolling());
}
var oldTarget = '';
if((typeof target!='undefined') && target != null)
{
oldTarget=document.forms[formName].target;
document.forms[formName].target=target;
}
if((typeof params!='undefined') && params != null)
{
for(var i=0; i<params.length; i++)
{
oamSetHiddenInput(formName,params
[0], params[i][1]);
}
}
oamSetHiddenInput(formName,formName +':'+'_idcl',linkId);
if(document.forms[formName].onsubmit)
{
var result=document.forms[formName].onsubmit();
if((typeof result=='undefined')||result)
{
document.forms[formName].submit();
}
}
else
{
document.forms[formName].submit();
}
if(oldTarget==null) oldTarget='';
document.forms[formName].target=oldTarget;
if((typeof params!='undefined') && params != null)
{
for(var i=0; i<params.length; i++)
{
oamClearHiddenInput(formName,params[i][0], params[i][1]);
}
}
oamClearHiddenInput(formName,formName +':'+'_idcl',linkId);return false;
}
//--></script><a href="#" onclick="return oamSubmitForm('_idJsp0','_idJsp0:_idJsp4');" id="_idJsp0:_idJsp4" tabindex="100">Save</a>
<input type="hidden" name="autoScroll" />
</td><td><a href="#" onclick="return oamSubmitForm('_idJsp0','_idJsp0:_idJsp5');" id="_idJsp0:_idJsp5" tabindex="101">Cancel</a></td><td><a id="_idJsp0:_idJsp6" name="_idJsp0:_idJsp6" href="/Stock/pages/logout.jsp" tabindex="102">Logout</a></td></tr>
</tbody></table>
<p>
<table id="_idJsp0:main"><tbody><tr><td>Buy / Sell</td><td><select id="_idJsp0:action" name="_idJsp0:action" size="1" tabindex="1"> <option value="B">Buy</option> <option value="S">Sell</option></select></td><td></td></tr>
<tr><td>Date</td><td>
<span id="_idJsp0:date"><input id="_idJsp0:date.day" name="_idJsp0:date.day" size="2" maxlength="2" /><select id="_idJsp0:date.month" name="_idJsp0:date.month" size="1"><option value="-1" selected="selected"></option> <option value="1">一月</option> <option value="2">二月</option> <option value="3">三月</option> <option value="4">四月</option> <option value="5">五月</option> <option value="6">六月</option> <option value="7">七月</option> <option value="8">八月</option> <option value="9">九月</option> <option value="10">十月</option> <option value="11">十一月</option> <option value="12">十二月</option></select><input id="_idJsp0:date.year" name="_idJsp0:date.year" size="4" maxlength="4" /><span id="_idJsp0:dateSpan"></span><script type="text/javascript"><!--
var _5FidJsp0_3AdateCalendarVar=new org_apache_myfaces_PopupCalendar();
_5FidJsp0_3AdateCalendarVar.initData.imgDir = "/Stock/faces/myFacesExtensionResource/org.apache.myfaces.renderkit.html.util.MyFacesResourceLoader/11796022/calendar.HtmlCalendarRenderer/DB/";
_5FidJsp0_3AdateCalendarVar.initData.monthName = new Array("\u4E00\u6708","\u4E8C\u6708","\u4E09\u6708","\u56DB\u6708","\u4E94\u6708","\u516D\u6708","\u4E03\u6708","\u516B\u6708","\u4E5D\u6708","\u5341\u6708","\u5341\u4E00\u6708","\u5341\u4E8C\u6708");
_5FidJsp0_3AdateCalendarVar.initData.dayName = new Array("\u65E5","\u4E00","\u4E8C","\u4E09","\u56DB","\u4E94","\u516D");
_5FidJsp0_3AdateCalendarVar.initData.startAt = 0;
_5FidJsp0_3AdateCalendarVar.dateFormatSymbols.weekdays = new Array("\u661F\u671F\u65E5","\u661F\u671F\u4E00","\u661F\u671F\u4E8C","\u661F\u671F\u4E09","\u661F\u671F\u56DB","\u661F\u671F\u4E94","\u661F\u671F\u516D");
_5FidJsp0_3AdateCalendarVar.dateFormatSymbols.shortWeekdays = new Array("\u65E5","\u4E00","\u4E8C","\u4E09","\u56DB","\u4E94","\u516D");
_5FidJsp0_3AdateCalendarVar.dateFormatSymbols.shortMonths = new Array("1\u6708","2\u6708","3\u6708","4\u6708","5\u6708","6\u6708","7\u6708","8\u6708","9\u6708","10\u6708","11\u6708","12\u6708");
_5FidJsp0_3AdateCalendarVar.dateFormatSymbols.months = new Array("\u4E00\u6708","\u4E8C\u6708","\u4E09\u6708","\u56DB\u6708","\u4E94\u6708","\u516D\u6708","\u4E03\u6708","\u516B\u6708","\u4E5D\u6708","\u5341\u6708","\u5341\u4E00\u6708","\u5341\u4E8C\u6708");
_5FidJsp0_3AdateCalendarVar.dateFormatSymbols.eras = new Array("\u897F\u5143\u524D","\u897F\u5143");
_5FidJsp0_3AdateCalendarVar.dateFormatSymbols.ampms = new Array("\u4E0A\u5348","\u4E0B\u5348");
_5FidJsp0_3AdateCalendarVar.init(document.getElementById('_idJsp0:dateSpan'));
//--></script><input type="button" onclick="_5FidJsp0_3AdateCalendarVar._popUpCalendarForInputDate('_idJsp0:date','yy'年'M'月'd'日'');" value="..." /></span></td><td></td></tr>
<tr><td>Stock Code</td><td><input id="_idJsp0:stockCd" name="_idJsp0:stockCd" type="text" value="0" size="4" dir="RTL" tabindex="5" /></td><td></td></tr>
<tr><td>Quantity</td><td><input id="_idJsp0:qty" name="_idJsp0:qty" type="text" value="0.0" size="8" dir="RTL" tabindex="6" /></td><td></td></tr>
<tr><td>Unit Price</td><td><input id="_idJsp0:unitPrice" name="_idJsp0:unitPrice" type="text" value="$0.000" size="8" dir="RTL" tabindex="7" /></td><td></td></tr>
<tr><td>Brokerage</td><td><input id="_idJsp0:brokerage" name="_idJsp0:brokerage" type="text" value="$0.00" size="8" dir="RTL" tabindex="8" /></td><td></td></tr>
<tr><td>Levy Fee</td><td><input id="_idJsp0:levy" name="_idJsp0:levy" type="text" value="$0.00" size="8" dir="RTL" tabindex="9" /></td><td></td></tr>
<tr><td>Stamp Duty</td><td><input id="_idJsp0:stampDuty" name="_idJsp0:stampDuty" type="text" value="$0.00" size="8" dir="RTL" tabindex="10" /></td><td></td></tr>
<tr><td>Trading Fee</td><td><input id="_idJsp0:tradingFee" name="_idJsp0:tradingFee" type="text" value="$0.00" size="8" dir="RTL" tabindex="11" /></td><td></td></tr>
<tr><td>Investment Compensation Levy</td><td><input id="_idJsp0:invCompLevy" name="_idJsp0:invCompLevy" type="text" value="$0.00" size="8" dir="RTL" tabindex="12" /></td><td></td></tr>
<tr><td>Handling Charge</td><td><input id="_idJsp0:handlingChrg" name="_idJsp0:handlingChrg" type="text" value="$0.00" size="8" dir="RTL" tabindex="13" /></td><td></td></tr>
<tr><td>Deposit Charge</td><td><input id="_idJsp0:depositChrg" name="_idJsp0:depositChrg" type="text" value="$0.00" size="8" dir="RTL" tabindex="14" /></td><td></td></tr>
</tbody></table>
<input type="hidden" name="_idJsp0_SUBMIT" value="1" /><input type="hidden" name="_idJsp0:_link_hidden_" /><input type="hidden" name="_idJsp0:_idcl" /><script type="text/javascript"><!--
function clear__5FidJsp0()
{
clearFormHiddenParams__idJsp0('_idJsp0');
}
function clearFormHiddenParams__idJsp0(currFormName)
{
var f = document.forms['_idJsp0'];
f.elements['_idJsp0:_link_hidden_'].value='';
f.elements['_idJsp0:_idcl'].value='';
f.target='';
}
clearFormHiddenParams__idJsp0();
//--></script><input type="hidden" name="javax.faces.ViewState" id="javax.faces.ViewState" value="rO0ABXVyABNbTGphdmEubGFuZy5PYmplY3Q7kM5YnxBzKWwCAAB4cAAAAAN0AAIxM3B0ABovcGFnZXMvYWRkX3RyYW5zYWN0aW9uLmpzcA==" /></form>
<!-- MYFACES JAVASCRIPT -->
<script type="text/javascript"><!--
function getScrolling()
{
var x = 0; var y = 0;if (self.pageXOffset || self.pageYOffset)
{
x = self.pageXOffset;
y = self.pageYOffset;
}
else if ((document.documentElement && document.documentElement.scrollLeft)||(document.documentElement && document.documentElement.scrollTop))
{
x = document.documentElement.scrollLeft;
y = document.documentElement.scrollTop;
}
else if (document.body)
{
x = document.body.scrollLeft;
y = document.body.scrollTop;
}
return x + "," + y;
}
//--></script>
</body>
</html>