• ベストアンサー

JavaScript onClick

JavaScript初心者です。 クリックしたら音が出るようにしたいのですが音がでません。 どなたかご回答よろしくお願いします。 <html> <head> <script language = "JavaScript"> <!-- function sound(name){ document.all.music.src = name; } --> </script> </head> <body> <bgsound src = # id = music autostart = true loop = true> <a href = # onClick = sound("img/oto.mp3")> <img src="img/picture.jpg"> </a> </body> </html>

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

  • ベストアンサー
  • suzuki-_-
  • ベストアンサー率77% (152/195)
回答No.3

とりあえず下記のように全てを変更してみてください -------------------------------------------------- <html> <head> <script language="JavaScript" type="text/javascript"> <!-- function sound(name){ document.all.music.src = name; } --> </script> <bgsound src="" id="music" autostart="false" loop="infinite"> </head> <body> <a href="#" onClick="sound('img/oto.mp3')"> <img src="img/picture.jpg"> </a> </body> </html> -------------------------------------------------- ちなみに <bgsound> はIEの独自タグです 他のブラウザでは動作しないので注意してください IEでも音が鳴らない場合は、ファイルのパス先にきちんとmp3ファイルが存在するか確認してみましょう

skipworth
質問者

お礼

ご回答ありがとうございます。 すみませんちょうど今調べていて、 それに気づいたところでした！ 私はFirefoxでのみ見ていました。 ＩＥで確認したら音が出ました。 お手数おかけしました。

skipworth
質問者

補足

お礼を言った後で恐縮ですが、 ちなみにFirefokでOnmouseで効果音が出るようにするにはどうすればいいでしょうか？ もしかしてFlashを使ったほうがよいのでしょうか？

その他の回答 (3)

noname#39970
noname#39970
回答No.4

>もしかしてFlashを使ったほうがよいのでしょうか？ ユーザの反応を考えるとその方が無難。 なぜならば、普通のユーザは(通常の)HTMLでクリックして音が鳴るとは思わない。(クリックで音が鳴る、と明示されてる箇所をクリックさせるなら別) FLASHは逆に音が出る物だという認識がちゃんと有る。 WEBで唐突に音が鳴るのを嫌う人がかなり居る。 それにブラウザ依存の方法よりもpluginさえ有れば一緒、という物の方が安全かと。(FLASHでできるのであるなら、の話)

noname#39970
noname#39970
回答No.2

ついでに onClick = sound("img/oto.mp3") ↓ onClick = "sound('img/oto.mp3')" (クォーティションの種類に注意 "''"→'""' でも良い)

skipworth
質問者

お礼

ご回答ありがとうございます。 直したんですが、う～ん出ませんね・・・なんでだろ

  • ANASTASIAK
  • ベストアンサー率19% (658/3306)
回答No.1

<bgsound src = # id = music autostart = true loop = true> を <bgsound src ="#" id="music"autostart="true" loop="true"> のようにすればうまく行くと思います。

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

関連するQ&A

  • リンク時にjavascriptを２つ動作させたいのですが・・・

    　こんにちは。 実はHPで、リンク時に、javascriptで２つのことを命令したいのです。 １つ目は、効果音をならす。 ２つ目は、リンク先でブラウザの戻るを禁止する といったような感じです。 　しかし、javascriptはよく分からないので、とりあえず、下のようなタグを書いたのですが、ちっとも動作しませんでした。 　どなたか、教えていただければ助かります。 <head> <script language="JavaScript"> <!-- function wav(name) {sound.src = name;} //--> </script> <bgsound src="" id="sound"> </head> <body> <a href="javascript:window.location.replace('リンク先URL');" javascript:wav('効果音のファイル名')">リンク</a> </body>

  • #を利用した時に、ページの上に戻らないようにするには？

    初めまして。 <a href="#">にリンク先を設定するとページの真ん中でもページの上に自動的に戻ってしまいます。JavaScriptを利用するときにとても不便なので、上に戻らないようにしたいです。 ソースは、 <head> <script language = "JavaScript"> <!-- function sound(name){ document.all.music.src = name; } --> </script> </head> <body> <div style="margin: 5px -6px;"> <a href = # onclick = sound('効果音ファイル')> <img src="画像" alt="" border="0"> </a> </div> <body> なにか解決する方法がありましたら一言お願いします。

  • 関数内でonclickをさせたい

    以下に示すような動作をさせたいのですが、手段はあるでしょうか？ ご教示の方よろしくお願いいたします。 <html> <head> <script type="text/javascript"> function test1(){ ここでtest2というリンクをクリックしたことにしたい。 document.getElementById("test2").onclickとか勘でやってみたけどダメでした。 } </script> </head> <body> <img src="hoge.jpg" name="test1" onclick="test1();"> <a href="hoge.html" id="test2">test2</a> </body> </html>

  • javascriptについて

    javascriptに関してまだまだ初心者で困っております． 作成したいプログラムは，画像をクリックすると，クリックした画像だけが"on.gif"になり，それ以外の画像は"off.gif"となるようなプログラムです． そこで以下のようなプログラムを作成したのですが，うまく動きません． ご助言頂ければ幸いです． <html> <head> <script type="text/javascript> <!-- function changeImg(no){ for (i=1; i<3; i++){ document.image[i].src = "off.gif"; if(i==no) document.image[i].src = "on.gif"; } } //--> </script> </head> <body> <ul> <li><a href="JavaScript:changeImg(1)"><img src="on.gif" name="image[1]" /></a></li> <li><a href="JavaScript:changeImg(2)"><img src="off.gif" name="image[2]" /></a></li> </ul> </body> </html>

  • Javascript外部リンクの書き方（初心者）

    以下のJavascriptを外部リンクにしたいのですが、記述の仕方が分かりませんので、お教えください。 （引用元：Javascript例文辞典） <html> <head> <title>一定時間ごと画像を入れ替える（複数箇所に異なる画像［規則的なファイル名版］）</title> <script language="JavaScript"><!-- count = 0; function changeImg() { count++; count %= 4; document.btn1.src = "a" + count + ".gif"; document.btn2.src = "b" + count + ".gif"; } // --></script> </head> <body onLoad="setInterval('changeImg()',2000)"> <img src="a1.gif" name="btn1"> <img src="b1.gif" name="btn2"> </body> </html>

  • JavaScriptのwindowcloseとボタンのロールオーバーの組み合わせ方

    いまHPを作成中です。 そのなかでクリックすると、指定された大きさで表示される別ウィンドウがあります。 そのウインドウに次の2つのJavaScriptを使いたいのです。 ひとつひとつなら出来るのですが、二つを組み合わせるとどう書いていいのかわかりません。 しかも、ふたつともhead内に書き込むにはどうしたらいいですか？ １、ウインドウに「閉じる」ボタンを付けたい ２、そのボタンはロールオーバー効果を使ってマウスがオーバーのときはボタンが変化するよう、別のgifを表示したい 1,2の詳しい内容です。 1<a href="javascript:window.close();"></a> 2<head> <title>ロールオーバーイメージ</title> <script language="JavaScript"> <!-- function changeImage1(){ document.myimg.src="img2.gif"; } function changeImage2(){ document.myimg.src="img1.gif"; } // --> </script> </head> <body> <p> <a href="javascript:;" onMouseOver="changeImage1()" onMouseOut="changeImage2()"><IMG src="img1.gif" name="myimg" border=0></a> </p> </body>

  • javascript　初心者です　関数について

    javascript　初心者です。 下記のスクリプトでmyFunc()の部分に引数をつかって、 function myFunc(arg){ document.arg.src = "pic_b.jpg"; } <p onclick="myFunc('stage')">Bに入れ替え</p> のようにしたいのですが、うまくいきません…。 正しいスクリプトを教えてください。 よろしくお願いします。 <html> <head> <script type="text/javascript"> <!-- function myFunc(){ document.stage.src = "pic_b.jpg"; } --> </script> </head> <body> <p onclick="myFunc()">Bに入れ替え</p> <img src="pic_a.jpg" name="stage"> </body> </html>

  • リンクに触れると効果音がでる

    ブログでリンクに触れると効果音でるタグですが 下記のリンク部分には何処を指定するのでしょうか？ <HTML> <HEAD> <TITLE>リンクに触れると音が鳴る</TITLE> <SCRIPT LANGUAGE="JavaScript"> <!-- //リンク音を鳴らす function runSound() { document.all.link_sound.src='サウンドファイルのＵＲＬ'; } // --> </SCRIPT> <BGSOUND src="#" id="link_sound" loop=1 autostart="true"> </HEAD> <BODY> <A href="リンク１のURL" onMouseOver="runSound()">リンク１</A><P> <A href="リンク２のURL" onMouseOver="runSound()">リンク２</A><P> <A href="リンク３のURL" onMouseOver="runSound()">リンク３</A><P> <A href="リンク４のURL" onMouseOver="runSound()">リンク４</A><P> <A href="リンク５のURL" onMouseOver="runSound()">リンク５</A><P> </BODY> </HTML> 又、どの部分をコピーすればよいのでしょうか？ 何方かご教授をお願いします　m(_ _)m

  • マウスポインタが画像に重なった時の処理

    初歩的な質問で申し訳ありません。 現在HTMLでウェブページを作っていて、画像を貼り付けてそこにマウスポインタが重なった時に、画像を替え、なおかつ効果音を鳴らしたいのですが、画像だけが変わり音が流れません。 ソースの書き方に問題があると思うのですが、どの部分が間違っているのかよく分からない為ご指摘いただけるとうれしいです。 <html> <head><title></title></head> <body> <bgsound src="sounds/beat0001.mp3" id="b" loop="1" autostart="true"> <a href="#" onMouseOver="document.a.src='images/link2.jpg'","document.all.b.src='sounds/beat0001.mp3'" onMouseOut="document.a.src='images/link1.jpg'"> <img src="images/link1.jpg" border="1" name="a"> </a> </body> </html>

  • 連続したonclick

    <table> <tr> <td><img src="a001.jpg" onclick="document.body.style.backgroundImage = 'url(a001.jpg)'"></td> <td><img src="a002.jpg" onclick="document.body.style.backgroundImage = 'url(a002.jpg)'"></td> <td><img src="a003.jpg" onclick="document.body.style.backgroundImage = 'url(a003.jpg)'"></td> </tr> </table> ******************************* １ 背景画像の切り替え画像サンプルをつくりました。 これが何十行も連続します。 CSSみたいに同じ内容が重複するときにclassで分類するみたいに、 Javascriptでも簡素化する方法はないでしょうか？ ＜HEAD＞＜/HEAD＞内には <meta http-equiv="Content-Script-Type" content="text/javascript"> しか書いていません。（Javascriptは初心者です） ２ document.body.style.backgroundColor='#ffffff'; backgroundImageとかbackgroundColorの 後方のImageとかColorの頭文字は大文字でも良いのでしょうか？

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する