ホームページ作成/サブウインドウの表示・活用 (HTML,JavaScript)

親窓へリンクを渡す小窓(サブウインドウ)を作る方法(2ページ目)

小窓から親窓の表示ページを切り替えるテクニックを使って、ナビゲーション用の「リモコンウインドウ」を作成してみましょう! 小窓から親窓へリンクを渡す方法は、様々な場面で活用できます。実現は非常に簡単!

リモコンウインドウで表示するページの主なソース

次のような感じで記述すると良いでしょう。

ソースが折り返されて見にくい場合は、ソース全体を範囲選択してコピーし、テキストエディタなどに貼り付けて見て下さい。

<ul>
   <li><a href="page1.htm" onClick="opener.location.href='page1.htm'; return false;">ページ1</a></li>
   <li><a href="page2.htm" onClick="opener.location.href='page2.htm'; return false;">ページ2</a></li>
   <li><a href="page3.htm" onClick="opener.location.href='page3.htm'; return false;">ページ3</a></li>
   <li><a href="page4.htm" onClick="opener.location.href='page4.htm'; return false;">ページ4</a></li>
   <li><a href="page5.htm" onClick="opener.location.href='page5.htm'; return false;">ページ5</a></li>
   <li><a href="page6.htm" onClick="opener.location.href='page6.htm'; return false;">ページ6</a></li>
</ul>

← 記事1ページ目へ戻る

※記事内容は執筆時点のものです。最新の内容をご確認ください。
※OSやアプリ、ソフトのバージョンによっては画面表示、操作方法が異なる可能性があります。

あわせて読みたい

あなたにオススメ