マウスを上に載せると〜…なJavaScriptは?

[上に] [前に] [次に]
みな 1999/06/24(木) 11:13:18
リンク部分にマウスを上に載せると特定の場所に説明が出るようなJavaScriptのソースを
探しています。
そのソースが紹介されている場所を教えてください。
あと、マウスを上に載せると画像が変わるのも教えてください。

Tmb 1999/06/24(木) 11:50:27
「特定の場所」がどこかにもよりますが,アンカータグにonMouseOverを加えるだけです。

ステイタスバーなら
<A href="hoge.html" onMouseOver="window.status='fuga'; return true;">
フォーム内のテキストフィールドなら
<A href="hoge.html" onMouseOver="document.formname.textname.value='fuga'; return true;">
(ただしformname, textnameはそれぞれフォーム名,テキストフィールド名)

画像を変えるのも同じ理屈ですが,imgタグにonMouseOverが有効でないブラウザも多いので
画像にダミーのリンクをはる形にして
<A href="#" onClick="return false;" onMouseOver="document.images["imgname"].src='hoge.gif'; return true;">
なんて手もあります。

ただまぁこういったテクニックはJavaScriptでは基本的なものなんで(ソースと呼ぶのもおこがましいほど)
JavaScriptのサンプルを置いてるならどのサイトでも大抵扱ってると思いますが?

Tmb 1999/06/24(木) 11:53:17
おっと失礼。タイプミスしてました。
> <A href="#" onClick="return false;" onMouseOver="document.images["imgname"].src='hoge.gif'; return true;">
"imgname"ではなく'imgname'とシングルクォーテーションではさまないといけませんね。
それからimgnameは画像に付けた名前(imgのname)を使います。

徳明 1999/06/24(木) 12:04:32
そんなあなたにピッタリのページがほら、こんなに近くに。
http://www.tohoho-web.com/wwwxx023.htm

徳明 1999/06/24(木) 12:07:22
画像の方はこちら。
http://www.tohoho-web.com/wwwxx001.htm

みな 1999/06/24(木) 13:38:40
http://www.tohoho-web.com/wwwxx023.htm
近いところなのですが〜
同じ場所に出したいのです〜
んで、
http://www.tohoho-web.com/wwwxx001.htm
もいいのですが、同じ画像を何個もできないのです〜

みな 1999/06/24(木) 14:54:15
そうそうさっき
http://www2f.biglobe.ne.jp/~takan/javac/index.html
におめあてのものを見つけたのですが、
ソース見てもほかのとごっちゃでわかんないよー!
(>ヘ<。)

みな 1999/06/25(金) 05:05:36
http://www2s.biglobe.ne.jp/~club_tom/java-kouza/sample/mes/mes-no7/mes-no7.htmに、わたしが探しているのに近いものがあったけど…
うまくできません(^^;

みんこ 1999/06/25(金) 09:20:13
ソース見てもわかんないのだったら
まず出来るレベルから始めていく方がいいのでは...。

単に丸写ししてもいいのですが、ちゃんと内容を理解できていないと
エラー起こしたときに見る人が困るです。
幸い、理想のサンプルはたくさん見つかっているようなので。

[上に] [前に] [次に]