1

JavaScriptで生成されているデータのテーブルがあります。各行の終わりには、クリック可能な画像があります。クリックすると、行に基づく情報を含むポップアップが表示されます。

私はここで2番目の例を使用しています：http ：//www.abidibo.net/projects/js/moopopup/demo

基本的に、私が今それをセットアップする方法はこれです：

関数;

    function popup() {

    var mp_instance = new moopopup({ 
        overlay: true, 
        title: 'Copy server address', 
        html_node: 'mynode',
    }); 
    mp_instance.display();
}

最初は非表示になっているdivを使用して、ポップアップを表示します

<div id="mynode" style="display:none">Content.</div>

次に、画像はonclickを使用してポップアップを実行します。

onclick='popup();'

これは静的データで機能しますが、各行にはポップアップに入れたいコンテンツが異なります。そのため、基本的にすべて同じことを行うIDを持つ関数を大量に作成せずに、各ポップアップを行ごとに個別に作成する方法について混乱しています。

http://www2.lethal-zone.eu/servers/tf2-servers

各行の終わりにある画像。クリックすると、いくつかの追加コンテンツが表示されます...

4

1 に答える 1

1

一般に、ある情報を 1 つの関数にパラメーターとして渡し、それらのパラメーターを使用してコンテンツを選択します。たとえば、関数に ID を渡します。

onclick="popup(1);"

function popup(id) {
    // do something with id to choose the content
    // snip...
}
于 2012-10-16T12:25:35.790 に答える