让DropDownlist显示ToolTip(两部分)
来源:互联网 发布:艾可萨兽数据 编辑:程序博客网 时间:2024/05/29 14:12
首先:Items显示title代码:
window.onload = showdropitem;
function showdropitem()
{
var el = document.getElementsByTagName("select");
for(i=0;i<el.length;i++)
{
for(j=0;j<el[i].options.length;j++)
{
el[i].options[j].title = el[i].options[j].text;
}
}
}
页面内所有的dropdownlist控件都可以实现tooltip(html里面为title)效果
其次:选定项显示Title的方法
Html:
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: 12px Arial CYR ; 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.selectedIndex >= 0)
{
document.all.tooltip.innerHTML = lobjCurrentDropdown[lobjCurrentDropdown.selectedIndex].text;
document.all.tooltip.style.left = posX + 2;
document.all.tooltip.style.top = posY + 30;
document.all.tooltip.style.visibility = "visible";
}
else
{
document.all.tooltip.innerHTML = "";
document.all.tooltip.style.visibility = "hidden";
}
}
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) );
}
后台
ddlCollection.Attributes.Add("onmouseover", "javascript:showToolTip(1);");
ddlCollection.Attributes.Add("onmouseout", "javascript:showToolTip(0);");
- 让DropDownlist显示ToolTip(两部分)
- 让DropDownlist像GridView一样方便的显示ToolTip
- 让Dropdownlist拥有Tooltip属性
- DropDownList tooltip
- DropDownList tooltip
- [翻译]使用ASP.NET AJAX让GridView的数据行显示提示框(ToolTip)
- [翻译]使用ASP.NET AJAX让GridView的数据行显示提示框(ToolTip)
- [翻译]使用ASP.NET AJAX让GridView的数据行显示提示框(ToolTip)
- 使用ASP.NET AJAX让GridView的数据行显示提示框(ToolTip)
- [翻译]使用ASP.NET AJAX让GridView的数据行显示提示框(ToolTip)
- Flex 让TextArea 中的 Link 显示html tooltip
- ASP.NET MVC 让@Html.DropDownList显示默认值
- ASP.NET MVC 让@Html.DropDownList显示默认值
- DropDownList 赋值 也就是读取数据库后,让dropdownlist显示数据库存储的信息
- 文字显示两行,超出两行部分显示省略号
- 给DROPDOWNLIST加上TOOLTIP的效果
- 自定义Dropdownlist 下拉框的Tooltip
- 设置DropDownList 下拉列表中的ToolTip
- 【bzoj4147】 [AMPPZ2014]Euclidean Nim
- Web开发笔记
- 【Unity】UGUI如何判断鼠标或者手指是否点击到UI上
- CSS 长度单位
- <stl>将bytes上调至8的倍数
- 让DropDownlist显示ToolTip(两部分)
- xjoi10月17日noip提高组模拟题
- 属性列表
- 树莓派2 外接USB移动硬盘,电流倒流
- 愿景村为您的梦想插上翅膀
- libgdx如何调用android平台内容
- 卸载WPS后,安装的Office2013各种图标显示异常
- Java 无法调用默认构造函数
- JQuery AJAX调用WEB SERVICE方法