我有一个树视图。在子节点 Onmouseover 中,我必须在工具提示或弹出窗口上显示一些内容。内容很大。截至目前,我使用了一个弹出窗口,看起来不太好。工具提示似乎很整洁,但我的所有内容都没有显示出来..有没有办法整理这个..
代码
var oPopup = window.createPopup();
function richToolTip(Target) {
var lefter = event.offsetY + 0;
var topper = event.offsetX + 15;
oPopup.document.body.innerHTML = '<div style="position: absolute; top: 0; left: 0;' + ' border: 2px solid black; ' + 'font: normal 10pt tahoma; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,' + ' StartColorStr=gold, EndColorStr=#FFFFFF); padding: 10px;">' + '<b>Node Name</b><hr style="border: 1px solid black;"> <b>Node Name:' + Target.innerText + '</b><br/><imgsrc="peoplewithmedicare.tmf.org/Portals/17/Icons/icon_excel.jpg"; alt="Image"></img> <br/>' + '<hr style="border: 1px solid black;"></div>';
oPopup.show(topper, lefter, 170, 120, RFPPlaceHolder_TVContent);
}
function AddAttributes() {
var TreeNodes = RFPPlaceHolder_TVContent.getElementsByTagName('TABLE');
for (var i = 0; i < TreeNodes.length; i++) {
TreeNodes[i].onmouseover = function setToolTip() {
richToolTip(this);
};
TreeNodes[i].onmouseout = function removeToolTip() {
oPopup.hide();
};
}
}