如何在每次加載iframe時顯示ajax-loader

Question

我見過很多ajax加載器，它顯示了直到iframe完成加載。但是我的問題是無論如何，我可以顯示一個ajax加載器，每當iframe中的內容加載？

例子：

如果我裝在一個iframe網頁，它顯示了loader.But它被加載後，我點擊了網頁上的iframe內的另一個鏈接和iframe中的頁面加載時，它應該再次顯示裝載機。

無論如何我可以做到這一點嗎？

Answer 1

親愛的你可以顯示通過添加父頁面上的一個div的加載和創建父頁面的JavaScript函數，然後使用parent.methodonpareentpage 父頁調用該函數從IFRAME

<iframe id="iframe" src="url" style="height:600px; width:700px; display:none;"></iframe> 
<div id="divIframeLoader" style="height:600px; width:700px;"> 
<img src="Images/loading_async_big.gif" style="position:relative; top:12%; left:40%;" /> 
</div> 

<script type="text/javascript"> 
function showIframeLoader(btrue) 
{ 
if (btrue) 
{ 
jQuery("#divIframeLoader").show(); 
jQuery("#iframe").hide(); 
} 
else { 
jQuery("#divIframeLoader").hide(); 
jQuery("#iframe").show(); 
} 
} 
</script> 

iframe page 
parent.showIframeLoader(true);