0

DIV要素をクリックして、サーバーへのクエリパラメータデータとしてIDを使用して詳細ページに移動できるようにしたい。私が使用できる可能な使用法のいくつかの例を見つけました、例:

<div style="cursor:pointer;" onclick="document.location='http://www.google.com'">Foo</div>

上記のスクリプトを作成したコードに追加したいので、混乱しただけです。

私のコードの一部:

    for ( var i = 0; i < response.length; ++i ) {
                str = response[i].judul;
                str2 = response[i].waktu_mulai;
                str3 = response[i].channel_code;


                var Year,Month,Date,Time,Strip,Join= ""

                var Year        = str2.substr(0,4)
                var Month       = str2.substr(5,2)
                var Date        = str2.substr(8,2)
                var Time        = str2.substr(-8,8)
                var Strip       = str2.substr(4,1)

                var Join        = Date+Strip+Month+Strip+Year+' '+Time

                listItem = document.createElement('div');
                listItem.setAttribute('data-bb-type', 'item');
                listItem.setAttribute('data-bb-img', 'images/icons/logo/'+str3+'.png');
                listItem.setAttribute('data-bb-title', str);
                listItem.innerHTML = Join+" WIB";
                container = document.createElement('div');
                container.appendChild(listItem);
                bb.imageList.apply([container]);
                dataList.appendChild(container.firstChild);  
                        if (bb.scroller) {
                                bb.scroller.refresh();
                        }
}

たぶん誰かがデータベースから私のアプリケーションをループすることによって行われた各DIV追加のリンクを使用するのを手伝ってくれるでしょう。

4

1 に答える 1

1

質問に適切なコンテキストを提供するようにしてください。現在、bbUI.jsフレームワークスクリプトのスニペットを投稿しています。これは、通常のHTML、CSS3、JavaScriptとはまったく異なる相互作用をする可能性があります。

また、変数を2回宣言します。-> var ...... = ""; 次に、個々の変数をもう一度示します。

また、最初にStackOverflowを検索して、同じ質問をもう一度しているのかどうかを確認してください。この特定の質問は、以前に何度も提起および/または回答されており、多くの「HTML、Javascriptで始まる」で見つけることができます。誰もが助けたいと思っていますが、いくつかのことは基本をカバーすることで見つけられ、例えばグーグルで適切な検索を実行することによって簡単に見つけることができます。人々は、あなたが自分で答えを見つけることに力を注いでいるのを見たいと思っています。また、あなたの質問を定式化するのにも努力しているのを見たいと思っています。問題をうまく説明すればするほど、答えはより正確になります。

件名に戻る:

これだけを使用すると、問題が解決すると思います。

<element>.setAttribute('onclick','doSomething();'); // for normal browsers
<element>.onclick = function() {doSomething();}; // for IE

'doSomeThing();'を置き換えることができます あなた自身の欲しいコードで例えば。:"document.location ='http://www.google.com'"

より動的にしたい場合は、関数を呼び出すこともできます。

<element>.setAttribute('onclick','myFunction();'); // for normal browsers
<element>.onclick = function() {myFunction();}; // for IE

myFunction:

function MyFunction() {
    var called_id = this.id;
    var call_url = "http://myurl.com/page?id="+called_id;
    document.location = call_url;
    return; //superflous 
}

そして、他の人がStackOverFLowの受け入れ率を上げようとすると、人々はあなたの質問にもっと熱心に答えるでしょう。

于 2012-10-16T15:03:10.580 に答える