オンマウスでフォームに説明

[新着] Webテンプレートを仮オープンしました



0   名前: ユヲ : 2004/07/19 19:36
初めまして。

リンクに触れるとフォームに説明が出る、というタグをよく使用するのですが
それをアイフレーム内にリンク、アイフレーム外にあるフォームにその説明、
という表示は出来るでしょうか?

もし方法がありましたら教えて下さい。宜しくお願いします。

1   名前: ばあど : 2004/07/22 03:08   [URL
可能か不可能かと言われれば、可能。

つまり、カーソルが上に乗ると説明が出て、
クリックしたらIframe内にページを表示させたいって事だよね?
それなら、普通にtarget指定すれば、大丈夫。
<iframe 〜 name="content"></iframe>
<a href="〜" target="content">Iframe内にリンク先を表示</a>

2   名前: ユヲ : 2004/07/22 18:38
ばあどさま、返答有難うございます。

説明が下手で申し訳ないです;
ターゲット指定は理解できているのですが
リンクがアイフレーム内(リンク先もアイフレーム内に表示)にあり、
説明がフレーム外のフォームに出る、というのが可能かどうかを知りたかったのです。
質問してからも色々と調べてみたのですが、それは不可能みたいですね…

フレーム内外でフォームが2つある(どちらともリンク説明に使ってます)のが
デザイン的に嫌だっただけなので、他の方法を取ることにします。

3   名前: Sinryow : 2004/08/03 20:46   [URL
JavaScriptのparentを使えば可能です。

--------------------[main.htm]--------------------

<html>
<body>
<div id="hoge">説明文がここに表示される</div>
<iframe src="sub.htm">このブラウザではインラインフレームを使えません。</iframe>
</body>
</html>

--------------------[sub.htm]--------------------

<html>
<body>
<a href="#" onmouseover="parent.hoge.innerText='説明文をここに書く'" onmouseout="parent.hoge.innerText='説明文がここに表示される'">説明を表示</a>
</body>
</html>

parent.hoge とするのがポイントです。

一覧へ戻る