-5

「videoplayer」という名前の DIV があるとします。この DIV の中に画像があります。

リンクがクリックされたときに、この DIV 内の HTML コードを変更する簡単な方法はありますか?

たとえば、これは現在の DIV です。

    <div class = "big_player" id="player1">
             <img src="whatever.jpg">
    </div>

リンクをクリックすると、HTML が次のように変わります。

    <div class = "big_player" id="player1">
             <script>
                playVideo(file, stream, key);
             </script>
    </div>

すべての異なる「ファイル、ストリーム、キー」変数を持つ複数のサムネイル/リンク (合計 12) があります。参考までにこちらをご覧ください。

これを達成するための最も簡単で簡単な方法は何ですか?

4

3 に答える 3

0

次のような関数を作成できます。

function changeDiv(divID) {
    var div_to_change = document.getElementById(divID);
    div_to_change.innerHTML = 'whatever you want here';
}

と呼び出す

<a onClick="changeDiv('player1')" href="#">Click to change div</a>
于 2013-04-25T21:53:58.537 に答える
0

クリック時にスクリプトを実行したいと思います：

$('#player1').click(function(){playVideo(file, stream, key);});

それはそれらの1つ（player1）で機能しますが、残りの場合はそれを行う必要があります. 関数パラメーター (ファイル、ストリーム、キー) も定義するか、たとえば div 属性からそれらを取得する必要があることに注意してください。動的な場合は、の代わりにonclickを使用します。

ただし、本当に div の内容を変更したい場合 (何らかの理由で)、これはクリック関数内に配置するコードです。

var html_code = "<script>playVideo(file, stream, key);</script>";
$('#player1').html(html_code);

編集

あなたのサイトにアクセスした後、コンテンツを変更するために大きな div をクリックしているのではなく、他の div をクリックしていることに気付きました。その場合、適切なセレクターは#miniplayer1、#miniplayer2などであるため、元のコードは次のようになります。$('#miniplayer1').click(function(){playVideo(file, stream, key);});

于 2013-04-25T21:54:16.960 に答える
0

ええ、それはとても簡単です。

var div = document.getElementById("player1");
div.onmousedown = function() {
    div.innerHTML = "stuff!"
};

JSFiddle: (テストをクリック) http://jsfiddle.net/yjdfg/

于 2013-04-25T21:51:50.667 に答える