0

ここで作業コードを参照してください: http://jsfiddle.net/hrnDG/6/

このコードを変更して、考えられるすべての回答が .mp3 ファイルへのリンクになるようにします。ユーザーがこれらのリンクのいずれかをクリックすると、オーディオ ファイルが再生されます。その後、ユーザーは回答を選択して送信を押すことができます。

どうすればこれを行うことができますか？これを機能させるためにコードに適用できる簡単なものはありますか? 何かを追加すると、正しい CSS クラスと間違った CSS クラスが無効になるのではないかと心配しています。

知っておいてください: リンクを再生可能な mp3 リンクに変えるよりも効率的で簡単な方法があると思う人がいれば、私は完全に耳を傾けます。

どうもありがとう！

私のコード:

<form>
<table>
<tr class="q1">                       
    <td>What sounds like a rabbit?</td>
    <td>
        <input class="radiostyle wrong" type="radio" name="answers" value="Java" id="answers_1_Java" />
        <label for="answers_1_Java">A</label></td>
    <td>
        <input class="radiostyle right" type="radio" name="answers" value="JavaScript" id="answers_1_JavaScript" />
        <label for="answers_1_JavaScript">B</label></td>
    <td>
        <input class="radiostyle wrong" type="radio" name="answers" value="Ruby" id="answers_1_Ruby" />
        <label for="answers_1_Ruby">C</label></td>
    <td>
        <input class="radiostyle wrong" type="radio" name="answers" value="C#" id="answers_1_C#" />
        <label for="answers_1_C#">D</label></td>
    <td><input class="submit submit-1" type="submit" value="Submit" /></td>
    <td></td></tr></table></form>​

JS

$('.submit').click(function() {
$(this).closest('tr')
    .find('[name="answers"]')
        .removeClass('checked')
    .filter(':checked')
        .addClass('checked');
return false;
});​
4

1 に答える 1

4

ユーザーが HTML5 対応のブラウザーを使用していると想定できる場合は、非表示<audio>の要素をページに追加して、スクリプトから再生できます。

<audio hidden="hidden" id="sound">  
  <source src="sound.ogg" type="audio/ogg" />
  <source src="sound.mp3" type="audio/mpeg" />
</audio>

がブラウザでサポートされている場合は、<audio>JavaScript を使用して次のコードでプレーヤーを起動します。

document.getElementById("sound").play();
于 2012-08-05T04:01:34.950 に答える