小窓を表示し、小窓から親窓を操作する
親窓記述サンプル
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title></title> <script type="text/javascript"> <!-- function ChildOn(){ smpWin = window.open("dummy2.html","sample","width=400,height=400," + "menubar=1," + "status=1," + "toolbar=1," + "scrollbars=1," + "location=1," + "directories=1"); } //--> </script> </head> <body> <form> <input type="button" name="btn" value="小窓作成" onClick="ChildOn()"> </form> </body> </html>
小窓記述サンプル
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja"> <head> <meta name="generator" content="Vim"> <link href="mailto:key@do.ai" rev="made" title="七鍵"> <link rel="start" href="https://www.7key.jp/hp/index.html" title="ホームページ作成の第一歩"> <script TYPE="text/javascript"> <!-- function jump_add(url){ if(window.opener && !window.opener.closed){ window.opener.location.href = url; } } function prev_next(goback){ if(window.opener && !window.opener.closed){ if(goback == 'b'){window.opener.history.back();} else if(goback == 'n'){window.opener.history.forward();} } } // --> </script> <title>サンプル ファイル</title> </head> <body> <h1>JavaScript 小窓を表示し、小窓から親窓を操作するサンプルページ</h1> <p><a href="child5.html">親窓と呼ばれるページ</a></p> <ul> <li><a href="child5.html" onClick="jump_add('child1.html');return false;">親窓に指定したアドレスを表示させる</a></li> <li><a href="child5.html" onClick="prev_next('b');return false;">親窓を一つ前のページに戻す</a></li> <li><a href="child5.html" onClick="prev_next('n');return false;">親窓を一つ先のページに進む</a></li> </ul> </body> </html>