来自iframe页面事件更改父级的css [英] from iframe page event change css of parent

查看:165
本文介绍了来自iframe页面事件更改父级的css的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我的主页包含最初不可见的middle_overlay div。还包含 iframe capture 是点击页面上的按钮,点击按钮的事件我想让middle_overlay div可见,但是从另一个页面可以改变我怎样才能改变css?

I have homepage containing middle_overlay div which is initially not visible .Also , it contains"iframe capture" there is click button on page,on click event of button i want to make middle_overlay div visible, but from another page can i change how can i change css?

HTML:

<div id="middle_overlay">
</div>

<div id="middle">
    <iframe id="middle_frame" src="capture.php" frameborder='0' border='0' style="border:0;" seamless>
    </iframe>
</div> 

JQuery ::

JQuery ::

$(document).ready(function()
{
$('#Monthly_Report').click(function(){
alert('monthly report clicked');
$('#middle_overlay').css('display','block');                                

});



});


推荐答案

window.parent.$('#middle_overlay').css('display','block'); 

请注意,这仅适用于iframe和父网页来自同一域的情况。

Note this will only work if your iframe and parent page are from the same domain.

这篇关于来自iframe页面事件更改父级的css的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆