Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

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

Предыдущая тема Следующая тема Перейти вниз

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

Сообщение автор Gamatos в Чт 8 Сен - 5:04

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

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

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

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

Gamatos
Активист

Мужчина

Сообщения : 1280
Возраст : 24
Регистрация : 2009-11-06
Благодарности : 188

Без предупреждений

http://www.forum2x2.ru/forum

Вернуться к началу Перейти вниз

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

Сообщение автор Одинокий в Чт 8 Сен - 8:03

Скрипт с страницы предаставленной 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">
<!--
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);
      }
   };
}();
//-->
</script>

Одинокий
 

Мужчина

Сообщения : 80
Регистрация : 2011-07-12
Благодарности : 5

Без предупреждений

http://help.forum2x2.ru/

Вернуться к началу Перейти вниз

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

Сообщение автор Gamatos в Чт 8 Сен - 9:18

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

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


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

Gamatos
Активист

Мужчина

Сообщения : 1280
Возраст : 24
Регистрация : 2009-11-06
Благодарности : 188

Без предупреждений

http://www.forum2x2.ru/forum

Вернуться к началу Перейти вниз

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

Сообщение автор Gamatos в Вс 11 Сен - 2:14

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

Gamatos
Активист

Мужчина

Сообщения : 1280
Возраст : 24
Регистрация : 2009-11-06
Благодарности : 188

Без предупреждений

http://www.forum2x2.ru/forum

Вернуться к началу Перейти вниз

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

Сообщение автор Gamatos в Пт 16 Сен - 14:42

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

Gamatos
Активист

Мужчина

Сообщения : 1280
Возраст : 24
Регистрация : 2009-11-06
Благодарности : 188

Без предупреждений

http://www.forum2x2.ru/forum

Вернуться к началу Перейти вниз

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

Сообщение автор gorezcaid в Пт 16 Сен - 21:03

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

CSS:
Спойлер:
Код:
#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}
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);
      }
   };
}();
HTML:
Спойлер:
Код:
<span class="hotspot" onmouseover="tooltip.show('Testing 123 <strong>Testing 123</strong>');" onmouseout="tooltip.hide();">Скрипт для всплывающих подсказок</span>

gorezcaid
 

Мужчина

Сообщения : 1806
Возраст : 73
Регистрация : 2010-08-18
Благодарности : 780

Без предупреждений

http://gorezcaid.forumbook.ru/

Вернуться к началу Перейти вниз

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

Сообщение автор Gamatos в Пт 16 Сен - 23:25

Супер, спасибо огромное!! А всё же очень надо для сообщений, может Дана что знает?

Gamatos
Активист

Мужчина

Сообщения : 1280
Возраст : 24
Регистрация : 2009-11-06
Благодарности : 188

Без предупреждений

http://www.forum2x2.ru/forum

Вернуться к началу Перейти вниз

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

Сообщение автор Gamatos в Чт 6 Окт - 18:43

Нельзя в сообщениях что ли не как?

Gamatos
Активист

Мужчина

Сообщения : 1280
Возраст : 24
Регистрация : 2009-11-06
Благодарности : 188

Без предупреждений

http://www.forum2x2.ru/forum

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения