`
ardiah
  • 浏览: 5421 次
  • 来自: ...
最近访客 更多访客>>
域场
社区版块
存档分类
最新评论

HtmlArea3.0的改进---如何让工具栏的提示更好的工作

工作 
阅读更多

在使用HtmlArea的时候，发现htmlarea的工具栏的提示（其实也就是title了），经常不能很好的工作，鼠标移到工具栏的按钮上面，工具栏名称提示经常发生有时显示，有时不显示的问题。

这个问题，一直发生了很久。。。。，并且发现只有在按钮很边上的时候，title才会正常显示，一旦往按钮中心移动，itle就消失了。终于有一天，忍受不了了。。。

看了htmlarea.js源码，原来是表示按钮的div层设置了title属性，但是div内部的img对象没有设置title属性，明白了，只要给这个img对象也加上title属性就好了。

解决方案：

在htmlarea.js文件中查找createButton方法的定义，

js 代码
  1. // appends a new button to toolbar   
  2.     function createButton(txt) {  

我们可以看到在这个方法内部有这么几句

js 代码
  1. el = document.createElement("div");   
  2. el.title = btn[0];  

这是给div设置title，

再往下找到

js 代码
  1. var img = document.createElement("img");   
  2. img.src = btn[1];   
  3. img.style.width = "18px";   
  4. img.style.height = "18px";  

上面这段代码就是创建img对象，并设置相应属性，只要在中间加一句话    img.title = btn[0]； 变成下面这样

js 代码
  1. var img = document.createElement("img");   
  2. img.src = btn[1];   
  3. img.title = btn[0];   
  4. img.style.width = "18px";   
  5. img.style.height = "18px";  

ok~~大功告成！~

分享到：
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics