internet explorer - jsp function works in IE but not chrome or firefox -
the following code dialog box comes when processing command user can dismiss. works in ie chrome , firefox not allow dismissed once running.
<a4j:status id="statuswaitint" forceid="true" onstart="javascript:richfaces.showmodalpanel('waitmodalpanel2');" onstop="javascript:richfaces.hidemodalpanel('waitmodalpanel2');"> </a4j:status> <rich:modalpanel id="waitmodalpanel2" autosized="true" width="200" height="50" resizeable="false"> <f:facet name="header"> <h:panelgrid columns="2" width="100%"> <h:outputtext value="iws processing..." styleclass="textlabel"/> <h:graphicimage value="/images/close.jpg" style="cursor:pointer;float:right;" onclick="richfaces.hidemodalpanel('waitmodalpanel2')" /> </h:panelgrid> </f:facet> <h:panelgrid style="margin:auto"> <rich:spacer height="5px"/> <h:graphicimage value="/images/ajax-loader1.gif"/> </h:panelgrid> </rich:modalpanel>
here html being produced it:
</head><span id="waitstatus"><span id="waitstatus.start" style="display: none"></span><script type="text/javascript"> window.document.getelementbyid('waitstatus.start').onstart=function(){javascript:richfaces.showmodalpanel('waitmodalpanel');;}; </script><span id="waitstatus.stop"></span><script type="text/javascript"> window.document.getelementbyid('waitstatus.stop').onstop=function(){javascript:richfaces.hidemodalpanel('waitmodalpanel');;}; </script></span><div id="pbg182563ee_2d855a_2d4d65_2d8443_2d55f7fefd57c7:_viewroot:j_id0:waitmodalpanel" style="display: none;"><input autocomplete="off" id="pbg182563ee_2d855a_2d4d65_2d8443_2d55f7fefd57c7:_viewroot:j_id0:waitmodalpanelopenedstate" name="pbg182563ee_2d855a_2d4d65_2d8443_2d55f7fefd57c7:_viewroot:j_id0:waitmodalpanelopenedstate" type="hidden" /><div class="rich-modalpanel " id="pbg182563ee_2d855a_2d4d65_2d8443_2d55f7fefd57c7:_viewroot:j_id0:waitmodalpanelcontainer" style="position: absolute; display: none; z-index: 100; background-color: inherit;"><div class="rich-mpnl-mask-div-opaque rich-mpnl-mask-div" id="pbg182563ee_2d855a_2d4d65_2d8443_2d55f7fefd57c7:_viewroot:j_id0:waitmodalpaneldiv" style="z-index: -1;"><button class="rich-mpnl-button" id="pbg182563ee_2d855a_2d4d65_2d8443_2d55f7fefd57c7:_viewroot:j_id0:waitmodalpanelfirsthref"></button></div><div class="rich-mpnl-panel"><div class="rich-mp-container" id="pbg182563ee_2d855a_2d4d65_2d8443_2d55f7fefd57c7:_viewroot:j_id0:waitmodalpanelcdiv" style="position: absolute; left: 0px; top: 0px; z-index: 9;"><div class="rich-mpnl-shadow" id="pbg182563ee_2d855a_2d4d65_2d8443_2d55f7fefd57c7:_viewroot:j_id0:waitmodalpanelshadowdiv"></div><div class=" rich-mpnl-content" id="pbg182563ee_2d855a_2d4d65_2d8443_2d55f7fefd57c7:_viewroot:j_id0:waitmodalpanelcontentdiv"><table border="0" cellpadding="0" cellspacing="0" class="rich-mp-content-table" id="pbg182563ee_2d855a_2d4d65_2d8443_2d55f7fefd57c7:_viewroot:j_id0:waitmodalpanelcontenttable" style="width: 200px;height: 50px;"><tr style="height: 1%;"><td class="rich-mpnl-header-cell"><div class="rich-mpnl-text rich-mpnl-header " id="pbg182563ee_2d855a_2d4d65_2d8443_2d55f7fefd57c7:_viewroot:j_id0:waitmodalpanelheader" style="white-space: nowrap;"><table width="100%"> <tbody> <tr> <td><span class="textlabel">iws processing...</span></td> <td><img src="/iws-vault/images/close.jpg" onclick="richfaces.hidemodalpanel('waitmodalpanel');" style="cursor:pointer;float:right;" /></td>
the rule of thumb popup panels should placed outside of <h:form/>
they'll triggered. popup panel can contain own <h:form/>
.
to speak specific issue, richfaces 3.x made special concessions rich:modalpanel, usable in ie. the doc:
in order avoid bug in ie, root node of dialog moved on top of dom tree.
you should know that, according brian leathem (the richfaces lead) rf 3.x compatible ie <= 8
Comments
Post a Comment