Modal Panel + Applet com JSF

25 de janeiro de 2010 8 respostas

crpablo 25 de janeiro de 2010

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.

&lt;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"&gt;
	
	&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;
	
&lt;/html&gt;

Abraço

8 Respostas

xjunior 25 de jan. de 2010

olha mano, já olhou o z-index?

xjunior 25 de jan. de 2010

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

xjunior 25 de jan. de 2010

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"/>

crpablo 25 de jan. de 2010

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

xjunior 25 de jan. de 2010

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é…

crpablo 25 de jan. de 2010

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

Valeu mano…

Abraço

guimoz 25 de jan. de 2010

use o z-index com um valor alto … 10000

deve funcionar

crpablo 25 de jan. de 2010

Tentei dessa forma tbm…

Mas nada…

Valeu

Criado 25 de janeiro de 2010

Ultima resposta 25 de jan. de 2010

Respostas 8

Participantes 3

8 Respostas

Topicos relacionados