惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

罗磊的独立博客
Apple Machine Learning Research
Apple Machine Learning Research
The Cloudflare Blog
WordPress大学
WordPress大学
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
博客园 - 叶小钗
博客园 - 聂微东
阮一峰的网络日志
阮一峰的网络日志
腾讯CDC
博客园 - 三生石上(FineUI控件)
V
V2EX
有赞技术团队
有赞技术团队
V
Visual Studio Blog
小众软件
小众软件
Jina AI
Jina AI
酷 壳 – CoolShell
酷 壳 – CoolShell
博客园 - Franky
量子位
T
Tailwind CSS Blog
cs.CV updates on arXiv.org
cs.CV updates on arXiv.org
P
Palo Alto Networks Blog
Cisco Talos Blog
Cisco Talos Blog
I
Intezer
Project Zero
Project Zero
A
Arctic Wolf
P
Privacy International News Feed
V
Vulnerabilities – Threatpost
L
Lohrmann on Cybersecurity
S
Securelist
C
Cybersecurity and Infrastructure Security Agency CISA
C
CXSECURITY Database RSS Feed - CXSecurity.com
T
Tor Project blog
Hacker News - Newest:
Hacker News - Newest: "LLM"
S
Security @ Cisco Blogs
cs.AI updates on arXiv.org
cs.AI updates on arXiv.org
Threat Intelligence Blog | Flashpoint
Threat Intelligence Blog | Flashpoint
Google DeepMind News
Google DeepMind News
N
News and Events Feed by Topic
TaoSecurity Blog
TaoSecurity Blog
L
LINUX DO - 热门话题
G
GRAHAM CLULEY
Help Net Security
Help Net Security
N
News | PayPal Newsroom
W
WeLiveSecurity
G
Google Developers Blog
Microsoft Security Blog
Microsoft Security Blog
Engineering at Meta
Engineering at Meta
MongoDB | Blog
MongoDB | Blog
C
Check Point Blog

博客园 - joyous jeny

Log4Net advanced pattern tips SQLServer的TDE加密 Forrest Gump frontend learning site JDK JRE区别 用户中心 - 博客园 用户中心 - 博客园 用户中心 - 博客园 转:jQuery设计思想 marked ASP.NET 页面对象模型 3种方法从Html中取文本 图片的存取 WebResource - joyous jeny - 博客园 Tech tips(回发、显示名称、DataView过滤前10条记录) - joyous jeny ASP脚本里加事务 Make a mark of Gates .net 20 callback example 导出Datagrid里所有数据到excel - joyous jeny - 博客园 比较经典的日期判断 - joyous jeny - 博客园
让DropDownlist显示ToolTip(两部分) - joyous jeny - 博客园
joyous jeny · 2008-09-25 · via 博客园 - joyous jeny

首先: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);");