Javascript.RU

 
 
Опции темы
 
Старый 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';
	
}
 
Старый 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
 
Старый 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


© Илья Кантор, 2007-2021 О проекте - Архив форума - Вверх