WEB相談室

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

タイトル:別のフレームへのonmouse

ALCYONE[MAIL][URL][WriteDate : Sun Nov 5 04:24:50 2000]

こんにちわ、初めまして。
ただ今、ホームページを作っておりまして、いきずまってしまい、御教授願いたいのですが、onmouseのイベントを違うフレームに対して行う事は可能でしょうか?
例えば、画像を切り替えたい場合、同じhtml内であれば、
onmouseover="document.tatoeba.src='tatoeba.gif'"
でいいわけですが、これを違うフレームの画像に対して行うことは可能でしょうか?
また、可能であればどう記述すればいいのでしょうか?
基本的な事なのかも知れませんが、どうかよろしくお願いします。
また、JAVAなしで作っておりますので、DHTMLの範囲でできればお願いします。


要は、あるフレームの1画像の上にマウスがくると、違うフレームの特定画象だけをいれかえたいのです。
ただし、CGIやJAVAを使わないで作りたいのですが。

どうか御教授くださいまし。

Mugi[MAIL][URL][WriteDate :Sun Nov 5 09:40:48 2000]

document.tatoeba

parent.frames["フレーム名"].document.tatoeba

> 定画象だけをいれかえたいのです
この辺を参考に。
http://www06.u-page.so-net.ne.jp/wa2/mugi/hp/jsindex.htm (41番)


ALCYONE[MAIL][URL][WriteDate :Sun Nov 5 11:05:17 2000]

出来ました。;)
ほぼ、二日ここでつまずいてたので、諦めるとこでした。
ありがとうございました。!;)

ALCYONE[MAIL][URL][WriteDate :Mon Nov 6 10:47:33 2000]

すいません。
また、新たな問題が出てきた為、教えていただきたいのですが、
この部分がIEでは問題なく表示されるのですが、ネスケだとぜんぜん反応しないんです。
どうしてなのか、教えていただけないでしょうか?
重ね重ねすみません。
<IMG 
      SRC="led00.gif" X-SAS-UseImageHeight BORDER="0" ALIGN="BOTTOM"
      NAME="TEST" onmouseover="document.TEST.src='TEST01.gif'" onmouseout="document.TEST.src='TEST00.gif'"
      onclick="parent.frames['frame777777'].document.display.src='display01.gif'"
      WIDTH="20" HEIGHT="20" NATURALSIZEFLAG="3">

基本がなってないんだとは思いますが、お知恵をお貸しください。

ちゃいぱ[MAIL][URL][WriteDate :Mon Nov 6 11:25:11 2000]

JavaScriptの仕様では、IMGタグでのonmouseove、onmouseoutはサポートしてなかったはず!?
IEで出来ちゃうのが問題かも...。

ですので、
<A HREF="〜〜" onmouseover="〜〜" onmouseout="〜〜"><IMG 〜〜></A>

な、感じにすれば、IE&ネスケでいける思います!

ALCYONE[MAIL][URL][WriteDate :Mon Nov 6 11:55:53 2000]

解答ありがとうございます。

やりたいことというのが、Aというフレーム内の1画像をクリックすると、Bのフレーム内の特定の画像が切り替わる。
つまり、フレームAはonmouseのイベントのみで更新したくないんですよ。
なんか、もう徹夜続きで思考がまとまらないんです;;
もともと、Htmlすら解って無いのにHP製作を受けてしまった。私がアホなんですが。(w

どうか、再度知恵をおかし下さい。

ちゃいぱ[MAIL][URL][WriteDate :Mon Nov 6 12:11:27 2000]

以下のように、Aタグのonclick=の最後のほうに「;return false」を追加すれば、
アンカー機能を無効にできます!

onclick="parent.frames['frame777777'].document.display.src='display01.gif'"

onclick="parent.frames['frame777777'].document.display.src='display01.gif;return false'"

上記で、Aタグは本来の機能は使わず、イベントの処理ができます。  

ALCYONE[MAIL][URL][WriteDate :Mon Nov 6 12:48:14 2000]

やってみたのですが、肝心のonclickの方が機能しなくなってしまいました。
記述の仕方が悪かったのかもしれないので、もう少しいろいろ試してみます。

要は、この場合だと、

<A HREF="display01.gif"
         onclick="parent.frames['frame556568'].document.display.src='display01.gif'"><IMG
         SRC="led00.gif" WIDTH=20 HEIGHT=20 X-SAS-UseImageHeight
         BORDER=0 ALIGN=bottom name="led02" naturalsizeflag="3">

最初のHREFを無効化したいんですよ。


ALCYONE[MAIL][URL][WriteDate :Mon Nov 6 12:55:38 2000]

ああ、私自身が混乱してますね;

ようは、その画像に対しonclickだけを機能させたいんです。

最初からこう書けばよかったんですね;;すいません;;

ちゃいぱ[MAIL][URL][WriteDate :Mon Nov 6 13:20:43 2000]

以下でどうですか?
<A HREF="display01.gif" 
         onclick="parent.frames['frame556568'].document.display.src='display01.gif';return false"><IMG 
         SRC="led00.gif" WIDTH=20 HEIGHT=20 X-SAS-UseImageHeight 
         BORDER=0 ALIGN=bottom name="led02" naturalsizeflag="3"> 


ちなみに、前回に
onclick="parent.frames['frame777777'].document.display.src='display01.gif;return false'" 

onclick="parent.frames['frame777777'].document.display.src='display01.gif;'return false"
の間違いでした。混乱させてゴメンね! 


ALCYONE[MAIL][URL][WriteDate :Mon Nov 6 13:38:57 2000]

むう。。
だめです。。;
どうしてもHREFで指定してるdisplay01.gifを読み込みに行ってしまいます;;

ALCYONE[MAIL][URL][WriteDate :Mon Nov 6 13:47:15 2000]

あ、できました;)
どうも、いじりすぎて、妙な状態になっていたようです。
バックアップしてあった方で試したらできました。
ありがとう!!!  (^^

バギンズ[MAIL][URL][WriteDate :Mon Nov 6 13:56:02 2000]

ん?
<a href="JavaScript:void(0);" onclick="....">
の事ですか?

バギンズ[MAIL][URL][WriteDate :Mon Nov 6 13:57:03 2000]

あれ?できちゃいましたか。(^_^;)

ALCYONE[MAIL][URL][WriteDate :Tue Nov 7 03:03:59 2000]

はい。なんとかできました。;)

JAVAなしでやるのが目的だったんですよ。(^^
まだまだ、勉強します。

ひよこ[MAIL][URL][WriteDate :Tue Nov 7 04:13:42 2000]

ちょっと気になるんですが、

> JAVAなしでやるのが目的だったんですよ。(^^ 
> まだまだ、勉強します。 

でALCYONEさんの言われる「Java」はJavaScriptの事とは、まさか違うんですよね?
なんか気になってしょうが無かったんですが、最終的にJavaScriptで
解決された見たいですから、良かったのかな?
もしJavaScriptのことだったらこれまでのやりとりは意味ないですもんね(^_^;

失礼しました。


バギンズ[MAIL][URL][WriteDate :Tue Nov 7 07:22:35 2000]


>ひよこさん
私の推測では
・JavaScriptとJavaを勘違いしている。
・要素内のイベントに書くものがDHTMLだと思っている。
と思いました。

>ALCYONEさん
・JavaScriptとJavaは別物です。
・要素内のイベントに書くものもJavaScriptです。
・DHTMLでの処理部分(プログラム部分)はJavaScript等で記述します。

尚、IMG要素にイベントを付けたい場合は
<a href="JavaScript:void(0);" onclick="...."><img ...></a>
と記述するのが一般的と思われます。

ALCYONE[MAIL][URL][WriteDate :Tue Nov 7 23:19:21 2000]

 あ、そうなんですか。
てっきり、JAVA Scriptで書くとブラウザでJAVA OFFにした場合問題でるもんだと思ってました。

勉強になります。;)
回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]