На форуме InfoScript.ru вы можете: задать вопросы по php, вопросы по javascript, вопросы по системе uCoz, заказать графику для вашего сайта и просто пообщаться с хорошими людьми
  • Страница 1 из 1
  • 1
Модератор форума: frenkmalcov  
Всплывающая подсказка (хинт)
7soft Дата: Четверг, 12.08.2010, 10:03 | Сообщение # 1
Offline
Супер чел
Script Creator
Сообщений:420
Награды:15
Замечания:0%
Репутация
231
В данный момент у меня на сайте стоит такой hint:

Code
<script>
  var styles = 'font:12px;background:#374547;padding:5px 5px 5px 5px;color:white'; // стили подсказки
  var opacit = 80; // прозрачность в процентах
  var optime = 100; // скорость появления и исчезновения в мс
  var tposit = 10; // количество пикселей, на которое подсказка отступает от курсора вверх и вправо
   
  IE=/*@cc_on!@*/false;var elems=document.getElementsByTagName("*");for(var i=0;i<elems.length;i++){if(elems[i].title){elems[i].onmouseover=function(e){var k=[];var j=[];var f=[];var h=[];var g=new Date().getTime();j[g]=this.title;this.title="";k[g]=document.createElement("DIV");k[g].innerHTML="<div style='"+styles+"'>"+j[g]+"</div>";k[g].style.cssText="position:absolute;opacity:0;filter:alpha(opacity=0);z-index:9999;";document.body.appendChild(k[g]);k[g].style.top=mouse(e).y-tposit-k[g].offsetHeight+"px";k[g].style.left=mouse(e).x+tposit+"px";document.onmousemove=function(b){k[g].style.top=mouse(b).y-tposit-k[g].offsetHeight+"px";k[g].style.left=mouse(b).x+tposit+"px"};h[g]=setTimeout(function(){fade(k[g],opacit,optime,function(){if(IE){k[g].style.removeAttribute("filter")}})},150);this.onmouseout=window.onunload=function(){clearTimeout(h[g]);document.onmousemove="";this.title=j[g];fade(k[g],0,optime,function(){document.body.removeChild(k[g])})}}}}function mouse(g){var j,f,k,c,h;j=document;h=IE?window.event:g;f=j.documentElement.scrollTop?j.documentElement.scrollLeft+h.clientX:j.body.scrollLeft+h.clientX;k=j.documentElement.scrollTop?j.documentElement.scrollTop+h.clientY:j.body.scrollTop+h.clientY;return{x:f,y:k}}function fade(f,b,a,c){if(IE){d=f.style.filter.replace(/.*opacity=([0-9]*).*/,"$1");if(!d){d=100}d=parseFloat(d)}else{var d=f.style.opacity;if(d==""){d=1}d=parseFloat(d);b=b/100}var e=new Date().getTime();setTimeout(function(){var g=(new Date().getTime())-e;var h=g/a;var j=(b-d)*h+d;if(IE){f.style.filter="alpha(opacity="+j+")"}else{f.style.opacity=j}if(h<1){setTimeout(arguments.callee,10)}else{if(IE){f.style.filter= "alpha(opacity="+b+")"}else{f.style.opacity=b}if(c){c()}}},10)};
  </script>

Что нужно сделать, чтобы при наведении на ссылку в правой части экрана подсказка была слева?




7soft [B] контакте
 
antisept Дата: Пятница, 13.08.2010, 09:07 | Сообщение # 2
Offline
BrainStorming
Администраторы
Сообщений:2847
Награды:51
Репутация
987
7soft, это весь код? CSS к нему не прилагается?

Если я долго не выполняю обещаний, напомните мне в ЛС. Скорее всего, я просто забыл.

Не оказываю помощь через ЛС. Все вопросы - на форум или в комментарии.
 
7soft Дата: Пятница, 13.08.2010, 09:13 | Сообщение # 3
Offline
Супер чел
Script Creator
Сообщений:420
Награды:15
Замечания:0%
Репутация
231
Нет, здесь же есть

Code
var styles = 'font:12px;background:#374547;padding:5px 5px 5px 5px;color:white'; // стили подсказки




7soft [B] контакте
 
antisept Дата: Суббота, 14.08.2010, 09:52 | Сообщение # 4
Offline
BrainStorming
Администраторы
Сообщений:2847
Награды:51
Репутация
987
Я уточнил, т.к. у меня этот хинт не работает.

Если я долго не выполняю обещаний, напомните мне в ЛС. Скорее всего, я просто забыл.

Не оказываю помощь через ЛС. Все вопросы - на форум или в комментарии.
 
7soft Дата: Вторник, 24.08.2010, 17:05 | Сообщение # 5
Offline
Супер чел
Script Creator
Сообщений:420
Награды:15
Замечания:0%
Репутация
231
А у меня этот как раз единственный, который работает biggrin
У тебя не работает скорее всего из-за уже установленного, у меня всё работает.

У остальных, которые я находил, такой баг:
При наведении курсора на изображение с атрибутами onmouseover и onmouseout (с их помощью изображение при наведении сменяется на другое - onmouseout="this.src='картинка 1'" onmouseover="this.src='картинка 2'") изображение меняется, появляется хинт, а когда убираешь курсор - остаётся первая картинка sad
Может это как-то можно исправить?

Добавлено (24.08.2010, 17:05)
---------------------------------------------
antisept, не нашёл решения?




7soft [B] контакте


Сообщение отредактировал 7soft - Воскресенье, 15.08.2010, 13:22
 
antisept Дата: Среда, 25.08.2010, 09:10 | Сообщение # 6
Offline
BrainStorming
Администраторы
Сообщений:2847
Награды:51
Репутация
987
Quote (7soft)
antisept, не нашёл решения?

К сожалению, нет.


Если я долго не выполняю обещаний, напомните мне в ЛС. Скорее всего, я просто забыл.

Не оказываю помощь через ЛС. Все вопросы - на форум или в комментарии.
 
7soft Дата: Среда, 25.08.2010, 09:11 | Сообщение # 7
Offline
Супер чел
Script Creator
Сообщений:420
Награды:15
Замечания:0%
Репутация
231
Ладно, буду искать... sad



7soft [B] контакте
 
  • Страница 1 из 1
  • 1
Поиск: