DropDownList中，如何在每一行中添加tooltip?

[zqbirch]

我有个dropdownlist，每一行都很长，想实现鼠标指向哪一行就用tooltip来显示全部文字；

谢谢！

[zqbirch]

高手出山吧：）

[smile9961]

http://community.csdn.net/Expert/topic/4655/4655957.xml?temp=.7840082
http://community.csdn.net/Expert/topic/4629/4629275.xml?temp=.9083979

[smile9961]

http://kb.csdn.net/.net/Articles/200603/8a476737-6bcc-4eb5-889f-70436b4efbd8.html

[自由人2008]

我想写事件在onmousemove中判断吧.

[happyamei]

顶了
学习

[Eddie005]

是的，在DropDownList中实现这个有点麻烦，也许需要用层来实现

[lzwfs]

这个问题我也在思考中，有没有高手帮忙解决一下
QQ：393646465

[zqbirch]

现在可以在gridview中实现tooltip,但是用相似方法就无法在dropdownlist和listbox 中实现，

有什么替代方法吗？多谢！

[zqbirch]

搜到如下代码：

http://www.experts-exchange.com/Programming/Programming_Languages/Dot_Net/ASP_DOT_NET/Q_21359476.html



<script language="javascript">
document.write('<div id=tooltip style="Z-Index:2000; BORDER-RIGHT: #666666 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #666666 1px solid; PADDING-LEFT: 1px; VISIBILITY: hidden; PADDING-BOTTOM: 1px; FONT: 10px/12px Arial,Helvetica,sans-serif; BORDER-LEFT: #666666 1px solid; COLOR: #333333; PADDING-TOP: 1px; BORDER-BOTTOM: #666666 1px solid; POSITION: absolute; BACKGROUND-COLOR: #ffffcc; layer-background-color: #ffffcc"></div>');
var posX = 0;
var posY = 0;

function showToolTip(x)
{
var lobjCurrentDropdown = window.event.srcElement;
posX = getX(lobjCurrentDropdown);
posY = getY(lobjCurrentDropdown);
if (x==1){ //A tooltip must be shown
if (lobjCurrentDropdown.ToolText != '')
document.all.tooltip.innerHTML = lobjCurrentDropdown.ToolText;
else
{
if (lobjCurrentDropdown.length > 0)
if (lobjCurrentDropdown.selectedIndex >= 0)
document.all.tooltip.innerHTML = lobjCurrentDropdown.options[lobjCurrentDropdown.selectedIndex].text;
else
document.all.tooltip.innerHTML = '';
else
document.all.tooltip.innerHTML = '';
}
document.all.tooltip.style.left = posX + 2;
document.all.tooltip.style.top = posY - 20;
document.all.tooltip.style.visibility = "visible";
}
else{ //A tootip must not be shown
document.all.tooltip.style.visibility = "hidden";
}
}


function getX(obj){
return( obj.offsetParent==null ? obj.offsetLeft : obj.offsetLeft+getX(obj.offsetParent) );
}
function getY(obj)
{
return( obj.offsetParent==null ? obj.offsetTop : obj.offsetTop+getY(obj.offsetParent) );
}
</script>



DropDownList1.Attributes.Add("onmouseover", "javascript:showToolTip(1);");
DropDownList1.Attributes.Add("onmouseout", "javascript:showToolTip(0);");

但是还是不能用：（

[zqbirch]

最后2句在page_load里面

[turenjie]

学习中