Modal Panel + Applet com JSF

Front-end
#1

Fala galerinha…

Estou com um problema de sobreposição do Applet quando o modal é renderizado, ou seja, o modal fica atrás do applet.

Alguém já teve algum problema do tipo, alguma dica?

Abaixo o código da page XHTML.

[code]<html xmlns=“http://www.w3.org/1999/xhtml”
xmlns:h=“http://java.sun.com/jsf/html”
xmlns:f=“http://java.sun.com/jsf/core”
xmlns:ui=“http://java.sun.com/jsf/facelets”
xmlns:rich=“http://richfaces.org/rich”
xmlns:a4j=“http://richfaces.org/a4j”>

&lt;rich:modalPanel id="panel" width="350" height="100" rendered="#{pesquisaBean.renderModal}" moveable="false"&gt;
        &lt;f:facet name="header"&gt;
            &lt;h:panelGroup&gt;
                &lt;h:outputText value="Atenção"&gt;&lt;/h:outputText&gt;
            &lt;/h:panelGroup&gt;
        &lt;/f:facet&gt;
        &lt;f:facet name="controls"&gt;
            &lt;h:panelGroup&gt;
                &lt;h:graphicImage value="/images/icons/close.png" styleClass="hidelink" id="hidelink" title="Fechar"/&gt;
                &lt;rich:componentControl for="panel" attachTo="hidelink" operation="hide" event="onclick"/&gt;
            &lt;/h:panelGroup&gt;
        &lt;/f:facet&gt;
        <br/>
        &lt;h:outputText value="#{pesquisaBean.messageModal}"&gt;&lt;/h:outputText&gt;
        <br/><br/>
        &lt;h:commandButton id="botaoFecharModal" action="#" value="OK" title="Fechar"/&gt;
        &lt;rich:componentControl for="panel" attachTo="botaoFecharModal" operation="hide" event="onclick"/&gt;
    &lt;/rich:modalPanel&gt;
    &lt;rich:componentControl for="panel" attachTo="link" operation="show"  event="onclick"/&gt;
	&lt;rich:componentControl for="panel" attachTo="hidelink" operation="hide" event="onclick"/&gt;

&lt;APPLET ID="itwApplet" WIDTH="100%" HEIGHT="425px" ARCHIVE="http://#{request.serverName}:#{request.serverPort}#{request.contextPath}/applet.jar" CODE="br.com.xx.applet.appletapp.class" style="border:1px solid black"&gt;
	&lt;PARAM name="SAVE_MODE" value="SERVER"/&gt;
	&lt;PARAM name="SERVLET_URL" value="http://#{request.serverName}:#{request.serverPort}#{request.contextPath}/appletServlet?numOficio=#{numOficio}&amp;numAutorizacao=#{numAutorizacao}&amp;numProcesso=#{numProcesso}"/&gt;
	&lt;PARAM name="mayscript" value="mayscript"/&gt;
	&lt;PARAM name="scriptable" value="true"/&gt;
	&lt;PARAM name="READ_ONLY" value="#{read_only}" /&gt;
&lt;/APPLET&gt;

</html>[/code]

Abraço

#2

olha mano, já olhou o z-index?

#3

põe o z-index do applet menor que o do modal…

#4

Mude:

   <APPLET ID="itwApplet" WIDTH="100%" HEIGHT="425px" ARCHIVE="http://#{request.serverName}:#{request.serverPort}#{request.contextPath}/applet.jar" CODE="br.com.xx.applet.appletapp.class" style="border:1px solid black">  
         <PARAM name="SAVE_MODE" value="SERVER"/>

Para:

   <APPLET ID="itwApplet" WIDTH="100%" HEIGHT="425px" ARCHIVE="http://#{request.serverName}:#{request.serverPort}#{request.contextPath}/applet.jar" CODE="br.com.xx.applet.appletapp.class" style="border:1px solid black; z-index: 2;">  
         <PARAM name="SAVE_MODE" value="SERVER"/>
#5

Falae cara…

Já fiz isso sim…

Já setei o z-index do applet e do modal, já coloquei dentro de uma div e setei o z-index dela tbm… e nada… o cara fica sempre na frente do modal…

abraço

#6

olha mano, não sei se é uma boa idéia, mas quando o modal for redimensionado, muda o atributo do japplet para display:none, ou algo assim, né…

#7

Seria uma saída que funciona, mas preciso que o cara fique aparecendo mesmo com o modal renderizado…

Valeu mano…

Abraço

#8

use o z-index com um valor alto … 10000

deve funcionar

#9

Tentei dessa forma tbm…

Mas nada…

Valeu

#10