Панель индикации в iframe загружается непоследовательно в IE.

Я использую приведенную ниже структуру кода для презентации, которая представляет собой страницу jsp. Обычно для полной загрузки веб-страницы требуется более 3 секунд.

Я ввел индикаторную полосу (что-то вроде cvi_busy), чтобы некоторая полоса с включенным javascript отображалась до полной загрузки страницы. Я делаю это, используя iframe внутри div. И на данный момент тело загружается полностью, я собираюсь скрыть div и iframe.

Проблема, которую я получаю, заключается в том, что полоса индикатора не появляется последовательно. При загрузке иногда индикатор загорается, а иногда нет. Я использую браузер IE.

<html>
 <body>
    <div id="loadImageBarDiv">
    <iframe style="width:100%;height:100%;"  frameborder="0" name="loadingFrame" src="jsp/Splash.html" id="loadIframe" allowTransparency="true"/>
    </div>

    //---- my presentation for the page over here.
    </body>
    <script language="javascript">
if(window.frames['loadingFrame']){
if(window.frames['loadingFrame'].xval){
window.frames['loadingFrame'].xval.remove();}
window.frames['loadingFrame'].width="0px";
window.frames['loadingFrame'].height="0px";
}
document.getElementById("loadImageBar").style.display="none";
</script>
</html>

javascript iframe internet-explorer progress-bar
person Imran    schedule 11.02.2010    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Если вы используете jQuery, это должно быть очень легко исправить. Просто сделать:

<script language="javascript">
$(function() {
  if(window.frames['loadingFrame']){
  if(window.frames['loadingFrame'].xval){
  window.frames['loadingFrame'].xval.remove();}
  window.frames['loadingFrame'].width="0px";
  window.frames['loadingFrame'].height="0px";
  }
  document.getElementById("loadImageBar").style.display="none";
});
</script>

В начале страницы. $(someFunction) - это ярлык jQuery для подключения обработчика событий "onReady", что, похоже, вы и пытаетесь сделать.

person machineghost    schedule 12.02.2010