Как перибить это под пунб

автор Gamatos Сентябрь 8th 2011, 05:04

Это: http://htmlweb.ru/java/example/tooltip.php

Там надо выташить КСС и сделать так чтоб в сообщение вставлялось только это:

Код:: onmouseover="tooltip.show('Здесь текст <strong>подсказки</strong>');" onmouseout="tooltip.hide();"

Короче вы поняли.. yes

Скрипт с страницы предаставленной Gamatos:
Скрипт для всплывающих подсказок размером всего 2 килобайта, и абсолютно независим от сторонних библиотек.

Чтобы им пользоваться, достаточно подключить скрипт, таблицу стилей и добавить обработчики событий для нужных ссылок:

Код:: onmouseover="tooltip.show('Здесь текст <strong>подсказки</strong>');" onmouseout="tooltip.hide();"

Код:: <style> * {margin:0; padding:0} body {font:11px/1.5 Verdana, Arial, Helvetica, sans-serif; background:#FFF} #text {margin:50px auto; width:500px} .hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer} #tt {position:absolute; display:block; background:url(/java/example/images/tt_left.gif) top left no-repeat} #tttop {display:block; height:5px; margin-left:5px; background:url(/java/example/images/tt_top.gif) top right no-repeat; overflow:hidden} #ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF} #ttbot {display:block; height:5px; margin-left:5px; background:url(/java/example/images/tt_bottom.gif) top right no-repeat; overflow:hidden} </style> <script language="JavaScript">  </script>

автор Gamatos Сентябрь 8th 2011, 09:18

Что то я не вехал что куда, <style> * {margin:0; pad...}();//--></script> в виджет.

onmouseover="tooltip.show('Здесь текст <strong>подсказки</strong>');"
onmouseout="tooltip.hide();" В сообщение,не стоп не пашет.

Спасибо за помощь smile

автор Gamatos Сентябрь 11th 2011, 02:14

Есть еще варианты?

автор Gamatos Сентябрь 16th 2011, 14:42

Поднимаю тему.

автор gorezcaid Сентябрь 16th 2011, 21:03

Этот скрипт не будет работать в сообщении, а только в виджите или на собственной странице html .Проверил, код рабочий.

CSS:

Спойлер:

Javascript:

Спойлер:

Код:: var tooltip=function(){ var id = 'tt'; var top = 3; var left = 3; var maxw = 300; var speed = 10; var timer = 20; var endalpha = 95; var alpha = 0; var tt,t,c,b,h; var ie = document.all ? true : false; return{ show:function(v,w){ if(tt == null){ tt = document.createElement('div'); tt.setAttribute('id',id); t = document.createElement('div'); t.setAttribute('id',id + 'top'); c = document.createElement('div'); c.setAttribute('id',id + 'cont'); b = document.createElement('div'); b.setAttribute('id',id + 'bot'); tt.appendChild(t); tt.appendChild(c); tt.appendChild(b); document.body.appendChild(tt); tt.style.opacity = 0; tt.style.filter = 'alpha(opacity=0)'; document.onmousemove = this.pos; } tt.style.display = 'block'; c.innerHTML = v; tt.style.width = w ? w + 'px' : 'auto'; if(!w && ie){ t.style.display = 'none'; b.style.display = 'none'; tt.style.width = tt.offsetWidth; t.style.display = 'block'; b.style.display = 'block'; } if(tt.offsetWidth > maxw){tt.style.width = maxw + 'px'} h = parseInt(tt.offsetHeight) + top; clearInterval(tt.timer); tt.timer = setInterval(function(){tooltip.fade(1)},timer); }, pos:function(e){ var u = ie ? event.clientY + document.documentElement.scrollTop : e.pageY; var l = ie ? event.clientX + document.documentElement.scrollLeft : e.pageX; tt.style.top = (u - h) + 'px'; tt.style.left = (l + left) + 'px'; }, fade:function(d){ var a = alpha; if((a != endalpha && d == 1) || (a != 0 && d == -1)){ var i = speed; if(endalpha - a < speed && d == 1){ i = endalpha - a; }else if(alpha < speed && d == -1){ i = a; } alpha = a + (i * d); tt.style.opacity = alpha * .01; tt.style.filter = 'alpha(opacity=' + alpha + ')'; }else{ clearInterval(tt.timer); if(d == -1){tt.style.display = 'none'} } }, hide:function(){ clearInterval(tt.timer); tt.timer = setInterval(function(){tooltip.fade(-1)},timer); } }; }();