2012-01-07 73 views
1

我有這樣的腳本:如何顯示隱藏的div,從內部iframe,它也隱藏後?

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $('#openframe').click(function() { 
      $('#holder').fadeOut(500); 
      $('#framer').fadeIn(500); 
     }); 
    }); 
</script> 

<!-- And the div and the iframe --> 
<div id="holder"> 
    <div id="openframe"><img src="somewhere/img.jpg" /></div> 
</div> 

<iframe id="framer" scr="somedirectory/index.php"></iframe> 

這iFrame中我有此頁:

<script type="text/javascript"> 
    function autoResizeback(){ 
     $(parent.document.getElementById(window.name)).toggle(false); 
    } 
    $(parent.document.getElementById(window.name)).toggle(true); 
</script> 

<div onclick="autoResizeback()" style="cursor: pointer;" id="BACK"> 
    <img src="somewhere/img2.jpg" /> 
</div> 

我需要當點擊#BACK格時,不僅會隱藏的iFrame它在,它也會'顯示'或'淡入'被隱藏的div,#holder

我可以在autoResizeback()函數中做到嗎?或者別的地方?

回答

2

您可以使用

$('#holder', parent.window.document).fadeIn(500); 

從IFRAME訪問元素。

+0

它的工作原理,謝謝! – Hadrian 2012-01-07 15:59:30