• ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：リンククリック時）

リンククリック時に音がなる方法は？

このQ&Aのポイント
  • http://www.us.playstation.com/Content/OGS/SCUS-97328/Site/ のようなサイトでは、リンクをクリックしたときに音を鳴らすことができますか？試してみましたがうまくいきませんでした。
  • <BGSOUND ID="midi"> <A HREF="http://www.yahoo.co.jp/" onMouseOver="document.all('midi').src='enter.mp3';">YAHOO</A> のようなタグを試してみましたが、OnClickに変えてもうまくいきませんでした。
  • 他にリンククリック時に音を鳴らす方法はありますか？お願いします！

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

  • ベストアンサー
  • Blaise
  • ベストアンサー率33% (13/39)
回答No.2

えっと、そのスクリプトですが、エラーがでるのは、 <embed .....>というタグにsoundfileという名前 がついてないので、オブジェクトが探せないからで す。あと、functionもないですね。 関数の中のステートメントもこれではいけません。 document.soundfile.play(); とやって、enter.mp3はembedの中に書いた方が普通 の書式です。しかし、これで音はでたのですか？ 私なりに欠けているところを補って、この書式で作っ てみました。音を確かめるために、こちらにUPして おきました。私のPC（WIN IE6）ではキチンと動作 してます。試してみてください。 http://www.geocities.jp/b1aise1623/prog/js/nt/link-sound/sndeffect.htm

olunch
質問者

補足

ありがとうございます！ 先ほど私が書いたタグでは音は出ませんでした。おかげさまで音はなってindexページには飛んだのですが、飛んだあとのページが、ページを表示できません。とでて正しく表示されませんでした。 それと途中の<!-- geoguide start -->～<!-- geoguide end -->の部分は省いていいんですよね？なんどもホントごめんなさい、、、

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (1)

  • Blaise
  • ベストアンサー率33% (13/39)
回答No.1

うーん。それでは音はならないでしょうね。onclickイベントは マウスがクリックされたときに発生します。それをリンクにそ のまま貼るのは無謀というものです。 で、論より証拠、作ってみました。 http://www.geocities.jp/b1aise1623/prog/js/nt/linksound/sndeff.htm 例示のコードからクロスブラウザは必要ないようですので、 クロスコードはしてません。

olunch
質問者

補足

回答ありがとうございます！ 私はホームページビルダー６.５を使用しているのですが、Blaiseさんの作ってくれたタグでは、なぜかなりませんでした。 その後また色々探してみたのですが、↓のを見つけました。 <SCRIPT language="javascript1.2"> <!-- soundfile="enter.mp3" //--> </SCRIPT> </HEAD> <BODY><a href="index.htm" onclick="sound();setTimeout('location.href=\'index.htm\'',1000*1.5);return false">a</a> これではだめですか？ 試してみたのですが、オブジェクトを指定してください、とエラーが出てしまいました。

全文を見る
すると、全ての回答が全文表示されます。
  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • 音が鳴らなくなってしまいました。

    以前このタグで音を鳴らしていましたが <bgsound id="ring" src="" loop="1"> <a href="" onMouseOver="ring.src=' '"> </a> 新しくホームページを作ったら鳴らなくなり、ビルダーでHTML構文チェックをすると・・ <bgsound id="ring" src="" loop="1">　 不明なタグ（bgsound）があります。 このようなエラーがでます。どこが悪いのかいろいろ考えましたがわかりません。何かよい方法がありましたら教えてください。

    • ベストアンサー
    • 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

  • ロールオーバー画像のリンク設定にTARGETタグを加えたい（度々すみません。）

    質問No.８６４６９２でロールオーバーの画像の枠線の消し方を質問した者です。 そちらは、ご協力を得て、無事解決したのですが、新たな問題が発生（私の知識不足）してしまいました。 下記のタグに　TARGET="○○（任意に名付けたname）"を最後に書き加えたのですが、エラーになってしまいました。 ＜問題のタグのひな形＞ <a href="http://www-------"onmouseover = "document.bt.src = 'img1.gif'" onmouseout = "document.bt.src = 'img2.gif'"onclick = "document.bt.src = 'img3.gif'"><img src = "img2.gif" border="0" name="bt" （ここに記入した）></a> 重ね重ね申し訳ありませんが、よろしくお願いします！

  • 音のことでアドバイスお願いします。

    <bgsound id="ring" src="" loop="1"> <a href="～" onMouseOver="ring.src='～.wav'">～</a> このタグを使って音が鳴るように作ったのですが、音が鳴るのがほんの少しですが遅いようなのです。サウンドファイルのはじまりに無音部分はないと思いますが、他の方法がよいでしょうか。。

    • ベストアンサー
    • HTML
  • リンクをクリックして画像を切り替えるには？

    下記のようなソースなのですが、2枚目の画像に切り替わらず、表示されません。 何が悪いのでしょう？ <header内>-------------------------------------> <SCRIPT type="text/javascript"> <!-- function showimg1(){ document.area.src = "/jp/shop/i/popup_usbcalc/cg4.jpg"; } function showimg2(){ document.area.src = "/jp/shop/i/popup_usbcalc/cg4_zoom.jpg"; } //--> </SCRIPT> -------------------------------------> <img src="cg4.jpg" alt="" name="area" /><br /> <table> <tbody> <tr> <td>[ <a href="javascript:void()" onclick="showimg1()">リンク1</a> ]</td> <td>[ <a href="javascript:void()" onclick="showimg2()">リンク2</a> ]</td> </tr> </tbody> </table>

  • BGMをON/OFFするタグ

    HTML手打ちでHPを作っていて、BGMをボタン(orリンク文字で)ON/OFFできるようにしたいのです。 でも、このタグでは流せないのですが何故でしょう・・・？ <bgsound src="" volume="1" id="snd0"> <a href="javascript:" onClick="window.snd0.src='ファイルのアドレス';return false;">ON</a>　 <a href="javascript:" onClick="window.snd0.src='';return false;">OFF</a> このタグで本当にBGMが流せるんですか？わたしのやり方が悪いのでしょうか・・・アドバイスお願いします！

  • JavaScriptにリンク設定は正しいですか

    サイト作成中です。（アップはしていません） JavaScriptを使いギャラリーを設置しました。 （下記記述） これにサムネイルクリックでジャンプ出来るよう最初の一枚を　<a href="index.html"></a>で囲んでみました。 <a href="index.html"><img src="gallery/cate/g (1)-s.jpg" title="eyes0271 梅" alt="梅" onmouseover="document.BigPhoto.src='gallery/cate/g (1).jpg';"></a> ジャンプは出来ましたが、この記述で問題ありませんか？ アップ後に JavaScriptに悪影響は及ぼしたりはしませんか？ ご教授ねがいます。 HTML ------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="content-script-type" content="text/javascript"> <title></title> <meta name="description" content=""> <meta name="keywords" content=""> <link rel="stylesheet" href="css/gallery.css" type="text/css"> </head> <body> <div align="center"> <div id="gallery"> <div id="thumbs"> <a href="index.html"><img src="gallery/cate/g (1)-s.jpg" title="eyes0271 梅" alt="梅" onmouseover="document.BigPhoto.src='gallery/cate/g (1).jpg';"></a> <img src="gallery/cate/g (2)-s.jpg" title="eyes0272 桜" alt="桜" onmouseover="document.BigPhoto.src='gallery/cate/g (2).jpg';"> <img src="gallery/cate/g (3)-s.jpg" title="eyes0273 山" alt="山" onmouseover="document.BigPhoto.src='gallery/cate/g (3).jpg';"> <img src="gallery/cate/g (4)-s.jpg" title="eyes0274 川" alt="川" onmouseover="document.BigPhoto.src='gallery/cate/g (4).jpg';"> </div> <p><img src="gallery/cate/gallery.jpg" alt="表紙（デフォルト画像）" class="waku" name="BigPhoto"></p> </div> </div> </body> </html> ------------- CSS ------------- #gallery { width: 900px; height:280px; padding: 10px; background-color: #888888; } img.waku { display: block; width: auto; margin: 5px auto; } #thumbs { float: left; width: 270px; margin: 0; padding:0; } #thumbs img { width: 80px; height:60px; float: left; margin: 0 0 5px 5px; } よろしくお願いします。

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

    初歩的な質問で申し訳ありません。 現在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>

  • ボタンをクリックして、リンクを開きたい

    ボタンをクリックして、リンクを開きたいのですが <input type="button" value="yahooを表示する" onClick="location=http://www.yahoo.co.jp/"> をしても何も起りません。 出来れば、新しいブラウザで開きたくて、 <A href="http://www.yahoo.co.jp/" target="HOGE">yahooを表示する</a> と同じように、ボタンをクリックして開きたいので、ご教授お願いします。

    • ベストアンサー
    • HTML
  • ブログ初心者です。

    ブログ初心者です。 今、Yahoo!ブログをやっているのですが、ブログパーツの貼り方などがわかりません。 <a href="http://us.playstation.com/playstation/psn/visit/profiles/Leon1192"><img src="http://fp.profiles.us.playstation.com/playstation/psn/pid/Leon1192.png" width="230" height="155" border="0" /></a><br/><a href="http://www.us.playstation.com/psn/signup">Get your Portable ID!</a> 　　　　　　　　↑ 　　　　これを貼りたいです できるだけ詳しくお願いします。宜しくお願いしますm(_ _)m

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する