Как я могу скрыть фрейм от содержимого другого. Я имею в виду:
Parent Frame F1 Page P1 Frame F2 Page P2
Я хочу от P2 скрыть кадр F1, используя Javascript из JQuery.
Вы можете сделать это:
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
Это также будет работать (как указывает Хосеout):
window.parent.document.getElementById('framesetID').rows = "0%,*";