We are using Richfaces 3.3.1
I am attempting to display a Rich Modal Panel :
<a:form id="form">
<h:outputLink
value="javascript:alert('test');javascript:Richfaces.showModalPanel('aboutUsers');">
<h:outputText value="message" />
</h:outputLink>
<rich:modalPanel onbeforeshow="alert('THIS IS A TEST');"
id="aboutUsers" width="350" height="115" style="overflow:none;"
styleClass="styleclass" onresize="return false;">
<s:div>
This is content about users
</s:div>
</rich:modalPanel>
</a:form>
I end up with a javascript error on clicking the link to display the modal panel :
The first two error messages appear when I load the page:
Error: element.style is undefined
Source File: http://localhost:8180/App/a4j/g/3_3_1.GAorg/richfaces/renderkit/html/scripts/modalPanelBorders.js
Line: 2
Error: element.dispatchEvent is not a function
Source File: http://localhost:8180/App/a4j/g/3_3_1.GAorg.ajax4jsf.javascript.PrototypeScript
Line: 265
This message appears when I actually click the link to display the modal panel:
Error: panel.component is undefined
Source File: http://localhost:8180/App/a4j/g/3_3_1.GAorg/richfaces/renderkit/html/scripts/modalPanel.js
Line: 108
Not sure what I am missing here.any pointers greatly appreciated.
Thanks.