java 弹窗中显示数据_java-带有动态信息的工具提示弹出窗口

我要尝试做的是,当您将鼠标悬停在名称上时,显示带有该名称详细信息的工具提示弹出窗口.

我做了以下工作,但是由于某种原因,它似乎不起作用.没有工具提示出现.当您将鼠标悬停在名称上时,它会调用一个函数并执行AJAX请求,然后以字符串的形式返回详细信息.我已经验证该函数可以正常工作并返回字符串.

我只是似乎无法将返回的字符串输入到工具提示弹出窗口中.我正在IE8上测试

function showDetails(name){

var xmlHttpRequest;

if(window.XMLHttpRequest){

xmlHttpRequest = new XMLHttpRequest();

}else{

xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP>");

}

xmlHttpRequest.onreadystatechange=function(){

if(xmlHttpRequest.readyState == 4 && xmlHttpRequest.status == 200){

document.getElementById("details").innerHTML = xmlHttpRequest.responseText;

}

}

xmlHttpRequest.open("GET", "showStopsInfoPopup.do?name="+name, true);

xmlHttpRequest.send();

}

的CSS

#tooltip { position: relative; }

#tooltip a{text-decoration: none;}

#tooltip a span { display: none; color: #FFFFFF; }

#tooltip a:HOVER span { display: block; position: absolute;

width: 200px; background-color: #aaa;

height: 50px; color: #FFFFFF; padding: 5px; }

JSP页面：

我的视图源页面(生成的html)中只有相关部分：“ a”标记内的“ span”标记丢失了！！

NRT

.

.

.

...

*****************