• ベストアンサー

onmouseoverに複数の命令を書き込みたい

こんにちは、初心者の質問です。 画像Aにカーソルを乗せると、別のところにある画像Bが違う画像に変化するようにJAVASCRIPTを使ってスクリプトを書きました。これはうまく作動します。 さらにこの画像Aも（画像A自身にカーソルが乗った時に）別の画像に変化するようにしたいのですが、うまくいきません。 画像Aの記述は以下のようになっています。 <img src="pic1.gif" width="50" height="30" onMouseOut="changeImg(photos[6])" onMouseOver="changeImg(photos[0])"> onmouseoverに　"this.src='マウスが触れた時に表示したい画像のアドレス'"　を追加したいのですが、いかんせん画像Bを変化させるためのスクリプトがすでに書き込まれています。 そこで質問ですが、onmouseoverに複数の命令を書き込むことは可能でしょうか？またそれが不可能な場合上記のようなギミックを作る最善の方法や、解説のあるサイト等を教えていただけるとありがたいです。 詳しい方、よろしくお願いします

  • HTML
  • 回答数2
  • ありがとう数7

質問者が選んだベストアンサー

  • ベストアンサー
  • HIRSYU
  • ベストアンサー率51% (45/87)
回答No.2

onmouseover="func1(); func2();" みたいな感じで複数処理を記述することもできます

exemplary
質問者

お礼

action scriptの感覚でカンマは試してみたんですけど、、、セミコロンで区切ればよかったんですね。 どうもありがとうございました！

その他の回答 (1)

回答No.1

onmouseover属性の値を複数書くんじゃなくて、必要な処理を全部行 うjavascriptを用意して呼び出せば済むことです。

exemplary
質問者

お礼

そうですね、ありがとうございます。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • onMouseOverがうまくいきません

    JavaScriptで、プルダウンメニュー及びマウスで触れたときのメニューの画像変更を行っていますがうまくいきません。プルダウンはうまくいきますが、画像変更しないのです。 どうやらプルダウンメニューの表示・非表示に使っているonMouseOverとonMouseOutが、画像変更のそれらとダブっているためだと思うのですが…。Macでは動作するのですが、Winでは動作しないのです。 <div id="xx" class="yy" onMouseOver="show('xx');" onMouseOut="hide('xx');"> <a href="xx.html" onMouseOver='xxxx' onMouseOut='yyyy'><img src="photo.gif" name="aa"></a> </div> うまく両方機能させるいい方法はないでしょうか？

  • IE5でonmouseoverがうまく行きません。

    画像にマウスが触れた時にその画像を 替えたいのですが，NNではうまく行き， IE5では画像は変化せずうまく行きません。 IE5は次のエラーメッセージがでます。 ページでエラーが発生しました。 -> オブジェクトを指定してください。 よろしくお願いします。 <HTML><HEAD><title></title> <script language="javascript"> <!--- img = new Array(); for (i = 0; i <= 1; i++) { 　imag[i] = new Image() ; 　imag[i].src = "on_" + i + ".gif"; } function On(n) { 　　document.images['menu'+n].src = imag[n].src; } function Off(n) { 　　document.images['menu'+n].src = "off_" + n + ".gif"; } //---> </script></head> <BODY> <a href="xxx.html" TARGET="MAIN" onMouseOver="On(0)" onMouseOut="Off(0)"> <img src="off_0.gif" name="menu0" border="0"></a> <a href="yyy.html" TARGET="MAIN" onMouseOver="On(1)" onMouseOut="Off(1)"> <img src="off_1.gif" name="menu1" border="0"></a> </BODY></HTML>

  • onmouseover、onmouseoutとはどのような状況を指すのですか？

    例えば、 <div onmouseover="a()" onmouseout="aa()"> <br> <a onmouseover="b()" onmouseout="bb()">あああ</a><br> <br> <span onmouseover="c()" onmouseout="cc()">いいいい</span> <p>ううううう</p> </div> <a>,<span>,<p>の間に空白があります。このようなときに<a>から<span>にマウスカーソルが移動したとします。 この時にdivのa()は実行されるのでしょうか。 それともaa()も実行されるのでしょうか教えてください。

  • ▲▲マウスオンで画像を変更について▲▲

    <span onmouseout="changeimg.src='h1.bmp'" onmouseover="changeimg.src='h2.bmp'"> <img src="h1.bmp" width="188" height="43" border="0" name="changeimg"> </span> このタグを使っています。適切かどうかはわからないのですが^^ この他のタグでもかまいません、複数画像が変わるものを1つのページに表示させたいと思っています。 何か良いタグはないでしょうか？

    • ベストアンサー
    • HTML
  • テキストリンクにオンマウスで、別の場所の画像を変えて表示する方法を質問

    テキストリンクにオンマウスで、別の場所の画像を変えて表示する方法を質問された方のログがありましたので、そこに追記で質問させてください。 以下は回答者の方のアンサーになります。 <html> <head> <title></title> <script type="text/javascript"> <!-- lnkimgsrc= new Array(); lnkimgs= new Array(); lnkimgsrc[0]="***0.jpg"; // リンク0の画像 lnkimgsrc[1]="***1.jpg"; // リンク1の画像 lnkimgsrc[2]="***2.jpg"; // リンク2の画像 lnkimgsrc[3]="***3.jpg"; // リンク3の画像 lnkimgsrc[4]="***4.jpg"; // リンク4の画像 /* 上記で画像のURLを指定 */ for (i=0; i<lnkimgsrc.length; i++){ lnkimgs[i]= new Image(); lnkimgs[i].src=lnkimgsrc[i]; } function changeImg(x){ if (document.images){ document.images['tgt'].src=lnkimgs[x].src; } } // --> </script> </head> <body> <a href="***0.html" onMouseover="changeImg(0)">リンク0</a> <a href="***1.html" onMouseover="changeImg(1)">リンク1</a> <a href="***2.html" onMouseover="changeImg(2)">リンク2</a> <a href="***3.html" onMouseover="changeImg(3)">リンク3</a> <a href="***4.html" onMouseover="changeImg(4)">リンク4</a><br> <img src="***.jpg" name="tgt"> </body> </html> この状態で、表示された画像から、テキストリンクと同じリンク先に飛ばしたい場合はどのようにすればいいでしょうか。。 よろしくお願いいたしますm(__)m

  • changeImgによる画像の入れ替え時のIEにおける不安定さ

    changeImgで画像を入れ替えたいのですが、 FireFoxでは問題ないのですが、 IEだと、画像が表示されない、半分だけ表示される、等の現象が発生してしまいます。 表示されないときに右クリックの画像を表示するにすると表示されます。 http://inoue.sub.jp/test/ ソースは ************************** function changeImg(iName,img){ document.images[iName].src=img; } ************************** <img height="344" border="0" width="230" name="tar01" id="tar01" alt="" src="img/01.jpg"/> <a onclick="changeImg('tar01','img/01.jpg');" onmouseout="changeImg('tar02','img/07.jpg')" onmouseover="changeImg('tar02','img/08.jpg');" href="javascript:void(0);"> <img height="83" border="0" width="50" name="tar02" id="tar02" alt="" src="img/07.jpg"/></a> <a onclick="changeImg('tar01','img/02.jpg');" onmouseout="changeImg('tar03','img/09.jpg')" onmouseover="changeImg('tar03','img/10.jpg');" href="javascript:void(0);"> <img height="83" border="0" width="50" name="tar03" id="tar03" alt="" src="img/09.jpg" class="pl5"/></a> になります。 何処がおかしいのでしょうか？どうぞよろしくお願いいたします。

  • onmouseoverとoutで画像を切り替えられた・・・けど、何だろうこのちっちゃい下線；

    何度もお世話になります。； ビルダー１１で作成中です。 画像のリンクの青い枠線は無事に消えたのですが、 <A href="○○○.html"> <img src="■■■.jpg" alt="ほにゃらら" onmouseover="src='■■■2.jpg';" onmouseout="src='■■■.jpg';"> </A> 上記ソースだけなのですが、プレビューで見ると、 画像の右下に小さなリンク下線？のようなものが出現するように なりました。TT これはどうやったら消すことができますでしょうか。 申し訳ありませんが、よろしくご教示下さい。><

  • onMouseOverで変える位置

    お世話になります。 長文失礼します。 <html> <head> <title>ページのタイトル名</title> <SCRIPT LANGUAGE="JavaScript"> <!-- movimg=new Array() movimg[0] = new Image();movimg[0].src='img/img-01-206.jpg'; movimg[1] = new Image();movimg[1].src='img/img-01-208.jpg'; movimg[2] = new Image();movimg[2].src='img/img-01-213.jpg'; function changImg1(imgNoA,imgNoB) { document.images[imgNoA].src=movimg[imgNoB].src; }; <!----> </SCRIPT> </head> <body> <img src="img/img-01-01.jpg" width="300" height="225">--(1) <img src="img/img-01-208.jpg" width="300" height="225">--(2) <BR> <a href="javascript:function voi(){};voi()" onMouseOver="changImg1(0,0);"> <IMG src="img/img-01-206.jpg" border="0"></a> <a href="javascript:function voi(){};voi()" onMouseOver="changImg1(0,1);"> <img src="img/img-01-208.jpg" border="0"></a> <A href="javascript:function voi(){};voi()" onMouseOver="changImg1(0,2);"> <IMG src="img/img-01-213.jpg" border="0"></A> </body> </html> という風にonMouseOverで画像を変えているようにしているのですが、 この場合(1)の画像がかわりますよね。 これで(2)の画像を変えるようにするにはどうすればいいでしょうか？ 参考になるHPなどでも構いませんのでよろしくお願いします。

  • onmouseoverとoutで画像を切り替えられた・・・けど、何だろう青い枠線；

    お世話になります。 ビルダー１１で作成中です。 onmouseover時とonmouseout時に画像を入れ替える処理を入れました。 参考サイトさんを利用して、以下のようなソースです。 <img src="画像.jpg" alt="がぞう" onmouseover="this .src=画像２.jpg';" onmouseout="this .src='画像.jpg';"> でも、上記ソースだと、プレビュー画面で画像の回りに青い枠線が 常時表示されるようになってしまいました（！） ビルダー内蔵のJavaScriptで_HpbImgSwap関数があって、 それを利用していたときはそんなことにはならなかったのですが・・・。 ちなみに、「じゃあ、そっち使えばいいじゃん」とおっしゃる意見も 出ると思うのですが、そちらを利用すると、なんかONMOUSEのときに、 画像が凹む？のです。 それはちょっと都合が悪い、ということで、上記ソースでできるならば、と思いました。 青い枠線を非表示にするには、どうしたらよいでしょうか？ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ よろしくご教示ください。<(_ _)>

    • ベストアンサー
    • HTML
  • ポインタを置いたときの色の変更

    　ポインタを置いたときに変化させる際、画像の場合は、 <img src="a.gif" onMouseOver="this.src='b.gif'" onMouseOut="this.src='a.gif'"> とするといいのは知っているのですが、テーブルのセルの色を変更させる方法は無いのでしょうか？ 　どなたか教えてください。　お願いします。

    • ベストアンサー
    • HTML

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する