From Iframe Page Event Change Css Of Parent

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 ma

Solution 1:

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

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

Solution 2:

You can try with this jquery solution also:

$("#middle_frame").contents().find('#Monthly_Report').click(function(e){
    e.preventDefault();
    $('#middle_overlay').show();
});

Solution 3:

you have got your answer, but you can refer to this https://stackoverflow.com/a/19423398/1642219, to get more clear view of your problem