Galera,
boa tarde.
Estou me batendo para resolver o seguinte problema:
Ao fazer uma requisição ajax na página eu chamo a função “exibeAjax()” ao terminar “ocultaAjax()”, conforme Exemplo abaixo.
Até aí tudo BEM, funciona perfeitamente no FF o problema ocorre quando a aplicação é rodada no Internet Exlorer 10.0, ele não consegue chamar a DIV “carregado”.
No template tenho as duas DIV´s:
<div id="fundo_ajax"></div>
<div id="ajax" align="center">
<h:graphicImage url="/resource/imagens/ajax.gif"/>
<br/>
...aguarde...
</div>
<h:panelGroup id="carregado">
<script>
ocultaAjax();
</script>
</h:panelGroup>
Ná pagina de conteudo onde faço a requisição esta desta forma:
<h:commandButton title="Primeira página" image="/resource/imagens/ico_primeiro.png" action="#{logControle.paginaInicial()}" rendered="#{logControle.paginaClicada != 1}" onclick="exibeAjax()">
<f:ajax execute="@this" render="dataTable :carregado"/>
</h:commandButton>
No codigo JavaScript:
[code]
function exibeAjax() {
$("#ajax").fadeIn(200);
$("#fundo_ajax").fadeIn(200);
}
function ocultaAjax() {
$("#frmMensagens").show();
$("#ajax").fadeOut();
$("#fundo_ajax").fadeOut();
}[/code]
ja criamos tambem a meta tag:
No ie9 funciona tambem.
Quando dou um “F5” ele mostra os dados carregados corretamente. Enfim, o que ancontece é que o IE10 não consegue renderizar o conteudo.
Alguem consegue me dar uma luz???
Obrigado