Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 30.10.2012, 22:57
Интересующийся
Отправить личное сообщение для Pikener Посмотреть профиль Найти все сообщения от Pikener
 
Регистрация: 27.07.2012
Сообщений: 15

Помогите зафиксировать всплывающую подсказку
Вот пример всплывающей подсказки Но при наведении она появляется в разных местах, а не строго над кружочком. Как "зафиксировать" её?

Вот сам код:
function showToolTip(e,text){
	if(document.all)e = event;
	
	var obj = document.getElementById('bubble_tooltip');
	var obj2 = document.getElementById('bubble_tooltip_content');
	obj2.innerHTML = text;
	obj.style.display = 'block';
	var st = Math.max(document.body.scrollTop,document.documentElement.scrollTop);
	if(navigator.userAgent.toLowerCase().indexOf('safari')>=0)st=0; 
	var leftPos = e.clientX - 100;
	if(leftPos<0)leftPos = 0;
	obj.style.left = leftPos + 'px';
	obj.style.top = e.clientY - obj.offsetHeight -1 + st + 'px';
}	

function hideToolTip()
{
	document.getElementById('bubble_tooltip').style.display = 'none';
	
}
Ответить с цитированием
  #2 (permalink)  
Старый 31.10.2012, 00:02
что-то знаю
Отправить личное сообщение для devote Посмотреть профиль Найти все сообщения от devote
 
Регистрация: 24.05.2009
Сообщений: 5,176

function showToolTip(e,text){
	e = e || event;

	var target = e.target || e.srcElement;

	var obj = document.getElementById('bubble_tooltip');
	var obj2 = document.getElementById('bubble_tooltip_content');
	obj2.innerHTML = text;
	obj.style.display = 'block';
	var st = Math.max(document.body.scrollTop,document.documentElement.scrollTop);
	if(navigator.userAgent.toLowerCase().indexOf('safari')>=0)st=0; 
	var leftPos = e.clientX - 100;
	if(leftPos<0)leftPos = 0;

	obj.style.left = ( target.offsetLeft - obj.offsetWidth + 58 ) + "px";
	obj.style.top = ( target.offsetTop - obj.offsetHeight + 10 ) + "px";

//	obj.style.left = leftPos + 'px';
//	obj.style.top = e.clientY - obj.offsetHeight -1 + st + 'px';
}
но при этом родительский элемент у SPAN должен иметь значение у position либо relative либо absolute. Для других случаев придется offsetTop и offsetLeft пересчитывать.
__________________
хм Russians say завтра but завтра doesn't mean "tomorrow" it just means "not today."
HTML5 history API рассширение для браузеров не поддерживающих pushState, replaceState
QSA CSS3 Selector Engine
Ответить с цитированием
  #3 (permalink)  
Старый 01.11.2012, 16:42
Интересующийся
Отправить личное сообщение для Pikener Посмотреть профиль Найти все сообщения от Pikener
 
Регистрация: 27.07.2012
Сообщений: 15

Спасибо, теперь появляется ровно над знаком, но теперь другая проблема Подсказка должна появляться при наведении, а при отдалении исчезать. А она появляется при открытии страницы, а не при наведении и не исчезает

Добавлено.
А блин
function hideToolTip()
	{
	    document.getElementById('bubble_tooltip').style.display = 'none';
	     
	}

Потерял)))) devote, спасибо за помощь!

Последний раз редактировалось Pikener, 01.11.2012 в 16:47.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Сделать всплывающую подсказку свою для map area Shevtcoff Элементы интерфейса 8 11.09.2012 17:48
Помогите настроить всплывающую подсказку Marshal jQuery 4 05.06.2011 17:15
Зафиксировать всплывающую подсказку на месте Nubi Элементы интерфейса 3 08.03.2011 15:04
ПОМОГИТЕ с установкой 2 javascript- ов Рашид Общие вопросы Javascript 3 17.11.2010 16:19
Помогите! Многоуровневые вкладки! sergeeeeee Элементы интерфейса 2 02.08.2010 23:50