2014-05-12 35 views
0

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

例子:

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

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

回答

0

親愛的你可以顯示通過添加父頁面上的一個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); 
相關問題