WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:小窓からのリンク

0:[投稿] ケリー [2003/04/29 22:45 ][環境:IE5.5 WIN98 わかりません]

初心者でこまっています。よろしくお願いします。
JavaScriptで小窓を表示させました。
その小窓に貼ったリンクをクリックしたら、もとのページに表示させることはできるでしょうか?

よろしくお願いします。


1:[回答] 平野 敬 [MAIL] [URL] [2003/04/30 08:24 ]

できます。

開く側(親ウィンドウ)

---

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">

<html lang="ja">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=shift_jis">
        <meta http-equiv="content-script-type" content="text/javascript">
        <script type="text/javascript">
            function subwin(url){
                window.open(url,'setumei','scrollbars=yes,width=200,height=160');
            }
        </script>
        <title>サンプル</title>
    </head>
    <body>
        <p>
            航空法の発達の歴史は人類の航空活動の歴史と密接に関連する。
            人が空を自由に飛ぶことのできる可能性を最初に実証したのは
            <a href="javascript:subwin('./netukikyuu.html')">
                1873年のモンゴルフィエ兄弟の熱気球実験
            </a>
            であるが、
            その翌年にはパリ警察により、市街地で気球実験を行うには
            警察の事前許可を得なければならないとする布告がなされた。
            これが人類初の航空規制だと言われている。
        </p>
    </body>
</html>

---

開かれる側(子ウィンドウ)

---

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">

<html lang="ja">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=shift_jis">
        <meta http-equiv="content-script-type" content="text/javascript">
        <script type="text/javascript">
            function jump(url){
                window.opener.location.href=url;
            }
        </script>
        <title>モンゴルフィエ兄弟の熱気球</title>
    </head>
    <body>
        <p>
            滑空機や凧による飛行の試みは
            タワージャンパー等によって
            それ以前から幾度となく繰り返されてきたが、
            モンゴルフィエの熱気球は
            実用的な長時間飛行を可能にしたという点において
            それまでの未熟な航空技術とは一線を画するものであった。
            <img src="./kikyuu_gazou.png" alt="[図:モンゴルフィエの気球実験]">
        </p>
        <p>参考:
            <a href="javascript:jump('./teigi.html')">熱気球の定義と構造</a>
        </p>
    </body>
</html>


2:[完了] ケリー [2003/04/30 15:48 ]

ありがとうございました。
なんとかできました。
勉強になりました

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World