如何在动态创建的对象上使用Javascript
现在,我想创建一个函数,如果用户将鼠标悬停在具有特定id的标题链接上(在动态创建的链接上),它将显示一个弹出框。现在,它似乎在第一个链接上工作,但在其他链接上却没有。我认为这是因为它与动态创建的对象有关,但我不确定如何修复它 下面是我在jDBC中的代码 Test.java如何在动态创建的对象上使用Javascript,javascript,jdbc,Javascript,Jdbc,现在,我想创建一个函数,如果用户将鼠标悬停在具有特定id的标题链接上(在动态创建的链接上),它将显示一个弹出框。现在,它似乎在第一个链接上工作,但在其他链接上却没有。我认为这是因为它与动态创建的对象有关,但我不确定如何修复它 下面是我在jDBC中的代码 Test.java out.println("<div id=\"container\"> + <a href=\"getName?ID=" + result.getInt(1) + "\" onmouseover=\"" +
out.println("<div id=\"container\">
+ <a href=\"getName?ID=" + result.getInt(1) + "\" onmouseover=\""
+ DisplayPopup + "\">"
+ result.getString(2) + "</a>" //dynamically retrieved name
out.println("<div id=\"descriptionbox\">"
+ "Name: " + result.getString(1) + "<br/>"
+ "Birthday: " + result.getString(2) + "<br/>"
);
应该动态创建div id…请参见第一个链接,它是容器…下一个链接,它不应该是相同的…和弹出的div id一样,也需要动态创建。显示弹出的内容是什么??它在HTML代码中带有div id“descriptionbox”否,我的意思是
+显示弹出+“\”>“
。。。是最好的解决方案。它调用DisplayPopup.js所在的新Servlet
function popup(path) {
var ajaxRequest;
ajaxRequest.onreadystatechange = function(){
if(ajaxRequest.readyState == 4){
var e = document.getElementById('container');
e.onmouseover = function() {
document.getElementById('descriptionbox').style.display = 'block';
}
e.onmouseout = function() {
document.getElementById('descriptionbox').style.display = 'none';
}
}
}
ajaxRequest.open("GET", path, true);
ajaxRequest.send(null);
}