我想让我的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添加的链接。
答案 0 :(得分:1)
确保为您的问题提供正确的背景信息。您目前正在发布一个bbUI.js框架脚本片段,它可能与普通的HTML,CSS3和JavaScript完全不同。
我也告诉你变量两次。 - &GT; 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的接受率,人们会更加渴望回答你的问题。