Problem Displaying Rich Modal Panel

[ujjets]

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.

[ujjets]

Problem Solved thanks to:

http://shervinasgari.blogspot.com/2010/11/how-to-use-jquery-with-richfaces.html

Research on the second error :

Error: element.dispatchEvent is not a function

Source File: http://localhost:8180/App/a4j/g/3_3_1.GAorg.ajax4jsf.javascript.PrototypeScript

Line: 265

lead to the link.