Web サイトに iframe があり、iframe がサイト ページを読み込みます。
私のページの 1 つにボタンが含まれています。ユーザーがこのボタンをクリックすると、全画面の div が表示されます。全画面ブラウザに合わせて div を作成したいのですが、iframe では全画面表示になります。例: WebForm11.aspx
<iframe src="WebForm12.aspx" width="200px" height="200px"></iframe>
WebForm12.aspx:
<script type="text/javascript">
$(document).ready(function () {
$('#show').click(function () {
$('#d1').show();
})
});
</script>
<input type="button" id="show" value="show-hide" />
<div id="d1" style="background-color:Red;display:none;"></div>
この赤い div をモニターの全画面表示にするにはどうすればよいですか?