Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 01.09.2011, 11:19
Профессор
Отправить личное сообщение для bot87 Посмотреть профиль Найти все сообщения от bot87
 
Регистрация: 16.05.2011
Сообщений: 307

tooltip Через интервал!!
плиз помогите со скриптом!нужно тултип который дигается за курсором мыши но появляется через определенное время!!
Ответить с цитированием
  #2 (permalink)  
Старый 01.09.2011, 18:14
Аватар для crayday
Аспирант
Отправить личное сообщение для crayday Посмотреть профиль Найти все сообщения от crayday
 
Регистрация: 30.08.2011
Сообщений: 61

setTimeout и onmousemove в помощь )
Ответить с цитированием
  #3 (permalink)  
Старый 01.09.2011, 18:26
Профессор
Отправить личное сообщение для bot87 Посмотреть профиль Найти все сообщения от bot87
 
Регистрация: 16.05.2011
Сообщений: 307

лучше б ты ничего не писал
Ответить с цитированием
  #4 (permalink)  
Старый 01.09.2011, 20:25
Аватар для crayday
Аспирант
Отправить личное сообщение для crayday Посмотреть профиль Найти все сообщения от crayday
 
Регистрация: 30.08.2011
Сообщений: 61

<script type="text/javascript">
	var time_reserve = 2000; // время, через которое появляется
	var x_space = 0; // расстояние от курсора по x
	var y_space = 10; // расстояние от курсора по y
	window.onload = function() {
		var tooltip = document.getElementById("tooltip");
		window.setTimeout(function(){
			document.body.onmousemove = function(e) {
				tooltip.style.left = (e ? e.pageX : event.clientX + document.body.scrollLeft) + x_space;
				tooltip.style.top = (e ? e.pageY : event.clientY + document.body.scrollTop) + y_space;
			}
			tooltip.style.display = 'block';
		}, time_reserve);
	}
</script>
<style type="text/css">
	#tooltip {
		background: gray;
		position: absolute;
		display: none;
	}
</style>
Сейчас отсюда вылетит птичка!
<div id="tooltip">Очевидное очевидно</div>

У кода выше следующие недостатки - во-первых, он не рассчитан на то, что тултип может быть вложен в другой элемент, спозиционированный абсолютно или относительно (в этом случае style.top и style.left содержат относительные координаты, а не абсолютные), во-вторых, я не проверял его слишком внимательно на кроссбразерность - в случае событий с мышкой я обычно полагаюсь на jquery, ну и в-третьих это не валидный HTML5, но для примера самое то.

Советую улучшить свои коммуникативные навыки!

Последний раз редактировалось crayday, 01.09.2011 в 20:35. Причина: орфография ж!
Ответить с цитированием
  #5 (permalink)  
Старый 02.09.2011, 21:58
Профессор
Отправить личное сообщение для bot87 Посмотреть профиль Найти все сообщения от bot87
 
Регистрация: 16.05.2011
Сообщений: 307

пасиб ))извени
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Асинхронная отправка файла через jQuery InviS jQuery 3 23.04.2013 21:27
кеширование HTML переданого через ajax BorisBritva jQuery 6 02.04.2011 00:23
Помогите настроить Ajax tooltip Jeckerson AJAX и COMET 1 14.08.2009 15:31
XMLHTTPRequest передача имя через POST dds AJAX и COMET 0 14.08.2008 13:44
Вопрос к гуру. Title через js. Не выводит title из тега <TR> shkur Элементы интерфейса 24 19.06.2008 08:03