CODEWITHSUNDEEP
javascripthtmliframe
Jose
Jose

Reputation: 75

How to hide a frame from a child of another frame?

How can I hide a frame from the content of another one. I mean:

Parent
 Frame F1
   Page P1
 Frame F2
   Page P2

I want from P2 hide the frame F1 using Javascript of JQuery.

Upvotes: 1

Views: 6283

Answers (1)

Jared Farrish
Jared Farrish

Reputation: 49198

You can do this:

iframe-access.html

<html>
<head>
<style type="text/css">
</style>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.js"></script>
<script type="text/javascript">
</script>
</head>
<body>
<iframe src="iframe1.html" id="iframe1"></iframe>
<iframe src="iframe2.html" id="iframe2"></iframe>
</body>
</html>

iframe1.html

<html>
<head>
<style type="text/css">
</style>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.js"></script>
<script type="text/javascript">
</script>
</head>
<body>
<h1>Iframe 1</h1>
</body>
</html>

iframe2.html

<html>
<head>
<style type="text/css">
</style>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.js"></script>
<script type="text/javascript">
alert('Hide Iframe 1');
window.parent.document.getElementById('iframe1').style.display = 'none';
</script>
</head>
<body>
<h1>Iframe 2</h1>
</body>
</html>

http://jfcoder.com/test/iframe-access.html

NOTE

This will also work (as Jose points out):

window.parent.document.getElementById('framesetID').rows = "0%,*";

Upvotes: 2

Related Questions