Загрузка GIF для iFrame

Question

У меня есть iFrame, который показывает загрузку gif при загрузке контента. Загружаемый контент - это просто загрузка PDF, созданная моим php-скриптом. Проблема в том, что он не перестанет показывать загрузочный бар даже после загрузки PDF-файла.

Вот мой код:

<script type="text/javascript"> 
     function hideLoading() { 
      document.getElementById('divLoading').style.display = "none"; 
     document.getElementById('divFrameHolder').style.display = "block"; 
     } 
</script> 


<div id="divLoading"> 
    <img src="img/ajax-loader.gif" alt="" /> 
</div> 
<div id="divFrameHolder" style="display:none"> 
    <iframe src="http://example.com/pdf.php?o=<?php echo $order_number; ?>" onload="hideLoading()" frameborder="0"> 

    </iframe> 
</div> 

Answer 1

, как вы написали hideLoading(), он ожидает, что функция будет внутри фрейма, а не в окне, содержащем. Если IFrame находится в том же домене, содержащего документ, то можно вызвать функцию в документе, содержащем вместо с кодом, как это:

onload="window.parent.hideLoading();"