WEB相談室

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

タイトル:二つのインラインフレームを同時にジャンプ

0:[投稿] ららこ [2005/02/07 20:07 ][環境:IE6.0、winXP Apache]

はじめまして。突然ですが教えていただきたい事があるのです。

一つのページに二つのインラインフレームを置き
同ページ内のテキストリンクから、それぞれ別のhtmファイルに
移動させたいのですが、可能なのでしょうか。
または、オンマウスで片方のみ移動、クリックでもう片方が移動
といったような事はできるのでしょうか。
色々探してみたのですが、画像もしくはテキストのサンプルしか
見つけられなくて…htmファイルへの応用の仕方が
全くわかりませんでした。
お手数ですが、できればサンプルなど教えていただければ嬉しいです。
宜しくお願いします〜(泣)


1:[回答] 敬 [MAIL] [URL] [2005/02/08 01:44 ]

可能です。JavaScriptを用いて,onClickを拾えば良いでしょう。以下に簡単な見本を作成してみました。

なお,これではJavaScriptの効かない環境の方は閲覧不能になります。採用する場合には,適切な代替手段を講じてください。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.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">
    <title>iFrame操作実験</title>
</head>

<body>
    <h1>iFrame操作実験</h1>
    <p>
        <iframe src="http://www.yahoo.com/" name="f1">
            <em>yahoo.com</em>
        </iframe>
    </p>
    <p>
        <iframe src="http://www.yahoo.co.jp/" name="f2">
            <em>yahoo.co.jp</em>
        </iframe>
    </p>
    <p><a href="#" onclick="window.f1.location.href='http://www.goo.ne.jp'; window.f2.location.href='http://www.google.co.jp';">切り替え</a></p>
</body>

</html>


2:[回答] 敬 [MAIL] [URL] [2005/02/08 01:45 ]

>オンマウスで片方のみ移動、クリックでもう片方が移動

上の見本を適当に改造してみてください。


3:[完了] ららこ [2005/02/10 09:35 ]

ご回答ありがとうございます!
おかげさまで、無事理想の動作になりました。
オンマウス+オンクリックでの移動も無事できました。
ありがとうございました〜!!!

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World