ホームページ作成/サブウインドウの表示・活用 (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ページ目へ戻る

【編集部おすすめの購入サイト】
Amazonでホームページ作成の参考書をチェック!楽天市場でホームページ作成関連の書籍をチェック!
  • 前のページへ
  • 1
  • 2
※記事内容は執筆時点のものです。最新の内容をご確認ください。
※OSやアプリ、ソフトのバージョンによっては画面表示、操作方法が異なる可能性があります。

あわせて読みたい

あなたにオススメ

    表示について

    カテゴリー一覧

    All Aboutサービス・メディア

    All About公式SNS
    日々の生活や仕事を楽しむための情報を毎日お届けします。
    公式SNS一覧
    © All About, Inc. All rights reserved. 掲載の記事・写真・イラストなど、すべてのコンテンツの無断複写・転載・公衆送信等を禁じます