ОсновноеRadiotalkПользовательское
Программирование
6   •   Посмотреть все темы

🔒 tooltip

 

1454
-мазахака- @-мазахака-
Всемдоброго времени суток,вот у меня есть скрипт толпида вот скрипт <style type="text/css"><!--
#tooltip { border-right:#999 1px solid; padding-right:5px; border-top:#999 1px solid;
padding-left:5px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
visibility:hidden; padding-bottom:4px; font:0.7em Verdana, Helvetica, sans-serif;
border-left: #999 1px solid; padding-top:3px; background:#eea; border-bottom:#999 1px solid;
position:absolute; text-align:justify; moz-opacity:.80; opacity:.80; }
--></style>

<script language="JavaScript"><!--
//
window.onerror = null; var tooltip_attr_name = "tooltip";

// текст для ссылок с target="_blank"
var tooltip_blank_text = "(откроется в новом окне)";

/* укажите пустую строку (""), если не хотите использовать в tooltip'ах многострочность;
если хотите, то укажите тот символ или символы, которые будут заменяться на перевод строки */
var tooltip_newline_entity = " ";

/* максимальная ширина tooltip'а в пикселях; обнулите это
значение, если ширина должна быть нелимитирована */
var tooltip_max_width = "300"

window.onload = function(e) { if (document.createElement) tooltip.d(); }
tooltip = { t: document.createElement("DIV"), c: null, g: false, m: function(e) { if (tooltip.g) { oCanvas = document.getElementsByTagName( (document.compatMode && document.compatMode == "CSS1Compat") ? "HTML" : "BODY" )[0]; x = window.event ? event.clientX + oCanvas.scrollLeft : e.pageX; y = window.event ? event.clientY + oCanvas.scrollTop : e.pageY; tooltip.a(x, y); } }, d: function() { tooltip.t.setAttribute("id", "tooltip");
document.body.appendChild(tooltip.t); a = document.all ? document.all : document.getElementsByTagName("*"); aLength = a.length; for (var i = 0; i < aLength; i++) { tooltip_title = a[i].getAttribute("title"); tooltip_alt = a[i].getAttribute("alt"); tooltip_blank = a[i].getAttribute("target") && a[i].getAttribute("target") == "_blank" && tooltip_blank_text; if (tooltip_title || tooltip_blank) { a[i].setAttribute(tooltip_attr_name, tooltip_blank ? (tooltip_title ? tooltip_title + " " + tooltip_blank_text : tooltip_blank_text) : tooltip_title); if (a[i].getAttribute(tooltip_attr_name)) { a[i].removeAttribute("title"); if (tooltip_alt && a[i].complete) a[i].removeAttribute("alt"); tooltip.l(a[i], "mouseover", tooltip.s); tooltip.l(a[i], "mouseout", tooltip.h); } } else if (tooltip_alt && a[i].complete) { a[i].setAttribute(tooltip_attr_name, tooltip_alt); if (a[i].getAttribute(tooltip_attr_name)) { a[i].removeAttribute("alt"); tooltip.l(a[i], "mouseover", tooltip.s); tooltip.l(a[i], "mouseout", tooltip.h); } } if (!a[i].getAttribute(tooltip_attr_name) && tooltip_blank) { } } document.onmousemove = tooltip.m; window.onscroll = tooltip.h; }, s: function(e) { d = window.event ? window.event.srcElement : e.currentTarget; if (!d.getAttribute(tooltip_attr_name)) return; if (tooltip.t.firstChild) tooltip.t.removeChild(tooltip.t.firstChild); tooltip.t.appendChild(document.createTextNode(d.getAttribute(tooltip_attr_name))); r = d.getAttribute(tooltip_attr_name); tooltip.t.innerHTML = r.replace(tooltip_newline_entity, "<br />"); tooltip.c = setTimeout("tooltip.t.style.visibility = 'visible';", 1); tooltip.g = true; }, h: function(e) { tooltip.t.style.visibility = "hidden"; if (!tooltip_newline_entity && tooltip.t.firstChild) tooltip.t.removeChild(tooltip.t.firstChild); clearTimeout(tooltip.c); tooltip.g = false; tooltip.a(-99, -99); }, l: function(o, e, a) { if (o.addEventListener) o.addEventListener(e, a, false); else if (o.attachEvent) o.attachEvent("on" + e, a); else return null; }, a: function(x, y) { oCanvas = document.getElementsByTagName( (document.compatMode && document.compatMode == "CSS1Compat") ? "HTML" : "BODY" )[0]; w_width = window.innerWidth ? window.innerWidth + window.pageXOffset : oCanvas.clientWidth + oCanvas.scrollLeft; w_height = window.innerHeight ? window.innerHeight + window.pageYOffset : oCanvas.clientHeight + oCanvas.scrollTop; tooltip.t.style.width = "auto"; t_width = window.event ? tooltip.t.clientWidth : tooltip.t.offsetWidth; t_height = window.event ? tooltip.t.clientHeight : tooltip.t.offsetHeight; if (t_width > tooltip_max_width) { tooltip.t.style.width = tooltip_max_width + "px"; t_width = window.event ? tooltip.t.clientWidth : tooltip.t.offsetWidth; } t_extra_width = 7; t_extra_height = 5; tooltip.t.style.left = x + 8 + "px"; tooltip.t.style.top = y + 8 + "px"; while (x + t_width + t_extra_width > w_width) { --x; tooltip.t.style.left = x + "px"; t_width = window.event ? tooltip.t.clientWidth : tooltip.t.offsetWidth; } while (y + t_height + t_extra_height > w_height) { --y; tooltip.t.style.top = y + "px"; t_height = window.event ? tooltip.t.clientHeight : tooltip.t.offsetHeight; } } }
//-- OUT --></script>

Я его ставлю между <head> и </head> и у меня на титулке он не работет я делаю все как там показанно...а в другом чате просто там поставил он рабботает..в чем приблема??кто мне подскажут,плзз ссылка на чат **********
ЗЫ на сайте тоже работет вот ссылка **********

Отредактировано -мазахака- - 30.04.2009
6600
Александр @admiral
dан, скрипт рабочий, смотри как титульник составлен, скриптов не нужных очень много и воопще разметку документа как таковую сложно назвать разметкой ...


В закрытой теме нельзя отправлять сообщения.