Есть такой код:
| Код | ToolTip.offsetX=20; //смещения подсказки от курсора
ToolTip.offsetY=10; //
function ToolTip(obj, text) {
if(!obj||obj.nodeType!=1) throw "Illigal argument exception"; //обьект к кому привязываем подсказку
//-- Разметка подсказки ---
var tip=document.createElement("DIV");
tip.className="tool_tip";
tip.innerHTML=text;
document.body.appendChild(tip);
//-- события --
obj.onmouseout=function (ev) {
tip.style.visibility="hidden";
};
obj.onmousemove=function(ev) { //если не нужно что бы подскасзка бегала, то onmouseover
tip.style.visibility="visible";
if(window.event) ev=window.event;
tip.style.left=ev.clientX + document.body.scrollLeft + ToolTip.offsetX;
tip.style.top=ev.clientY + document.body.scrollTop + ToolTip.offsetY;
};
}
//переберем заданные элементы, дадим подказку тем у кого есть аттрибут tooltip
//В аргументах передаем имена рассматриваемых тегов, * все теги
function initToolTips() {
// return;
var tags, tooltext;
for(var i=0; i<arguments.length; i++) {
tags=document.body.getElementsByTagName(arguments[i]);
for(var j=0; j<tags.length; j++)
if((tooltext=tags[j].getAttribute("tooltip"))) ToolTip(tags[j], tooltext);
}
}
|
Но есть несколько проблем.
1. Если разрешение монитора очень маленькое, то подсказка уезжает вправо и получается, что страница разъезжается.
2. Если делать по X, Y то то же самое, приходится ставить после слов <br>, как можно сделать ее фиксированной что ли или еще что-нибудь придумать?
Спасибо. |
Но наблюдаю глюк у FF, его отладчик ругается на вычисление top и left 
