私のフォーラム用にこのスクリプトを作成しました。ユーザがクラスstyle113
の上を飛ぶ場合、ブラウザにオーディオファイルを再生させる方法を教えてもらえますか?彼らに警告が表示されたらOKを押すと、"audio is about to play"
という警告が表示されます。どうすればこれを達成できますか?ホバリングでオーディオファイルを再生する
my script has been removed
私のフォーラム用にこのスクリプトを作成しました。ユーザがクラスstyle113
の上を飛ぶ場合、ブラウザにオーディオファイルを再生させる方法を教えてもらえますか?彼らに警告が表示されたらOKを押すと、"audio is about to play"
という警告が表示されます。どうすればこれを達成できますか?ホバリングでオーディオファイルを再生する
my script has been removed
あなたは、次のコードを使用することができます:
それは何var elems = document.getElementsByClassName("style113");
for(i in elems) {
elems[i].addEventListener("mouseover", function() {
if(confirm(" %%% CONFIRMATION MESSAGE %%% ")) {
// %%% CODE TO PLAY SOUND %%%
}
});
}
:ここで私はこれまで持っているスクリプトです
style113
mouseover
confirm()
メソッドはtrue
を返した場合、イベントリスナー、confirm()
ポップアップが作成されますが、その後、音UPDATE下のコメント欄でOPの要求ごととして、あなたはfor
ループの中で、あなたの特定のコードにこのコードを追加することができます。
document.getElementsByClassName('style113')[x].addEventListener("mouseover", function() {
if(confirm("audio is about to play")) {
// %%% CODE TO PLAY SOUND %%%
}
});
また、より良いインデント方法を使ってソースコードをクリーンアップすることをお勧めします。また、DOMリクエストを多すぎないように(例:反復document.getElementsByClassName()
)、代わりにcaching DOM requestsとしてください。
どこに置いたらいいですか?どの行 – ThePlacid
@ ThePlacid私はその情報を含めるために私の答えを拡大します。ちょっと待って。 –
@ ThePlacid Edited。 'document.getElementsByClassName()'で始まる他のすべての行と同様に、イベントリスナー(下位コード)を両方のループに配置することができます。 DOMリクエストについての私のコメントも見てください。 –
私の答えはあなたを助けましたか?その場合は、それを受け入れる(回答の横にある緑色のチェックマークをクリックして)ことを忘れないでください。そうでない場合は、より多くのヘルプをリクエストしてください。 –