[原创]select内容过长时的提示框
来源:互联网 发布:淘宝客服售前话术 编辑:程序博客网 时间:2024/05/16 06:37
<div id=div1 style="overflow:auto;height:expression(5*15);width:expression(document.all.s1.offsetWidth+18);">
<select name=s1 size=6 style="width:120" onmousemove="showTitle(this);" onmouseout="hideTitle(this);">
<option>aaaaaaaaaaaaaaaaaaaaaa1
<option>bbbbbbbbbbbbbbbbbbbbbbbbb1
<option>cccccccccccccccccccccccc1
<option>ddddddddddddddddddddddd1
<option>eeeeeeeeeeeeeeeeeeeeeee1
<option>fffffffffffffffffffffffffff1
</select>
</div>
<script>
//定义Popup
var oP=window.createPopup();
oP.document.body.style.background="beige";
//popup是否已显示
var oPShow=0;
function showTitle(obj){
var h=event.offsetY;
var fontsize=(obj.style.fontSize==""?(obj.currentStyle.fontSize==""?"9":obj.currentStyle.fontSize):obj.style.fontSize);
fontsize=parseInt(fontsize)*1.6;
var l=parseInt(h/fontsize);
oP.document.body.innerText=obj.options[l].text;
len=obj.options[l].text.length*8;
oP.show(event.offsetX+20,event.offsetY+fontsize+5,len,fontsize,document.body);
oPShow=1;
}
function hideTitle(obj){
if(oPShow==1)oP.hide();
}
</script>
- [原创]select内容过长时的提示框
- 解决select选项内容过长,文字显示不全的问题
- 解决SELECT框中文字过长的方法
- select下拉框内容文本过长悬浮显示两种方法
- HTML table的td内容过长时,自动隐藏效果
- PHP返回内容过长时被nginx截断的解决办法
- edittext的长度过长,给提示
- wp7 TextBlock控件内容过长的问题
- iframe 内容过长的自适应脚本
- Toast的内容过长,如何居中?
- 当表格显示内容过长时
- 聚焦时提示内容变淡,输入文字时提示内容消失的输入框
- IOS中select下拉框文字过长不换行并且出现省略号的解决方法
- jqgrid单元格的内容过长时,用省略号的形式表示,用换行的形式
- jqgrid单元格的内容过长时,用省略号的形式表示
- Oracle数据库的varchar2(2)存储一个汉字时提示插入汉字过长问题
- Oracle数据库的varchar2(2)存储一个汉字时提示插入汉字过长问题
- Java读取资源文件时内容过长与换行的处理
- cookie
- 网络成瘾者智商低于常人 八大特征诊断是否上瘾
- 刷新网页每次显示不同图片的JS代码
- [转]WEB 打印的相关技术分析
- 开始使用BLOG 学习JAVA开始,C#先放一下
- [原创]select内容过长时的提示框
- 开始收藏了
- 社会网络分析(Social Network Analysis)
- 2005-2-22 ……
- 2005/2.22/sunny
- 让QD共享PC宽带上网
- java游戏的安装
- 增加新建设网站的访问者(For Beginner)
- 数据访问安全性