Pessoal
Tenho uma página de pesquisa que retorna o resultado em uma segunda página. No momento em que o botão de pesquisar é clicado o usuário recebe uma imagem .gif informando que está carregando os dados.
Problema: A imagem .gif é exibida apenas enquanto ainda está sendo visualizada a primeira página. No momento em que começa carregar a página com o resultado da pesquisa a imagem desaparece. Gostaria de saber como faço para que a imagem fique em exibição até que os resultados sejam carregados.
Segue o fonte da página da pesquisa.
<script language="JavaScript">
function verificarRequisicao(estado)
{
var ocupado = estado == TrRequestQueue.STATE_BUSY;
if (ocupado){
Richfaces.showModalPanel("painelCarregando");
}else{
Richfaces.hideModalPanel("painelCarregando");
}
if(!ocupado)
{
TrPage.getInstance().getRequestQueue()
.removeStateChangeListener(verificarRequisicao);
}
}
function addListenerCarregando(){
var requestQueue = TrPage.getInstance().getRequestQueue();
requestQueue.addStateChangeListener(verificarRequisicao);
}
</script>
<rich:modalPanel id="painelCarregando" autosized="true">
<h:graphicImage url="/imagens/carregando.gif" style="border:0px" />
<h:outputText value="#{msg.principal_carregando}"/>
</rich:modalPanel>
<h:form id="meusProjetosOcorrencias" onsubmit="addListenerCarregando();">
<tr:panelHorizontalLayout >
<tr:inputText id="PesquisaOcorrencia" columns="25" maximumLength="150" label="Pesquisa: " required="false" value="#{sessionBean.chavePesquisaOcorrencia}" />
<tr:spacer width="10"/>
<tr:commandLink id = "btnPesquisar" action="success_ocorrencia" partialSubmit="true">
<tr:image source="/imagens/icon_pesquisa.png" width="24" height="24" />
</tr:commandLink>
</tr:panelHorizontalLayout>
</h:form>
Obrigado