Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 14.08.2008, 12:22
Аспирант
Отправить личное сообщение для Nubi Посмотреть профиль Найти все сообщения от Nubi
 
Регистрация: 06.08.2008
Сообщений: 43

Зафиксировать всплывающую подсказку на месте
Как я первоначально задумывал:при подведении курсора к ссылке выскакивает всплывающая подсказка (содержание этой подсказки берется не из title ссылки, а то, которое я укажу).
Получилось примерно так
<div id="link" class="layer" style="display:none;">
<a href="http://ya.ru">Пам пам пам</a>
</div>
...
<a href="#" onmouseover="showtooltip();" onmouseout="hidetooltip();">ссылка</a>
...

function showtooltip() {
   document.getElementById("link").style.display="block";
   document.getElementById("link").style.top = event.y;
   document.getElementById("link").style.left = event.x;
   }
function hidetooltip() {
   document.getElementById("link").style.display="none";
   }


Внешний вид подсказки настраиваю через CSS c position:absolute
Возник вопрос:
Как дать возможность пользователю кликнуть во всплывшей подсказке, те чтобы когда курсор перемещается на подсказку сама подсказка не исчезала, но в любом другом случае - когда курсор покинул пределы ссылки и не защел на подсказку, она бы исчезла.

PS предполагаю, что на jQuery сделать вышеназванное проще, но пока надо разобраться с азами.
Ответить с цитированием
  #2 (permalink)  
Старый 14.08.2008, 13:58
Отправить личное сообщение для Андрей Параничев Посмотреть профиль Найти все сообщения от Андрей Параничев
 
Регистрация: 21.02.2008
Сообщений: 1,250

Вам нужно будет работать с функциями setTimeout/clearTimeout.
Алгоритм следующий:
- Когда пользователь наводит на ссылку (onmouseover), открывается "подсказка" и удаляется тайм-аут закрытия подсказки (если уже есть).
- Когда пользователь покидает ссылку (onmouseout), устанавливается тайм-аут на закрытие "подсказки".
- Когда пользователь наводит курсор на "подсказку" (onmouseover подсказки) тайм-аут на закрытие останавливается.
- Когда пользователь покидает "подсказку" (onmouseout подсказки) опять устанавливается тайм-аут на закрытие.
Если пользователь, покинув "подсказку" наведет курсор на ссылку - "подсказка" не закроется, так как тайм-аут будет остановлен ссылкой.

Таким образом получается, что пользователь может перемещаться между ссылкой и "подсказкой" без проблем, но покидая их обоих - подсказка закрывается.
Ответить с цитированием
  #3 (permalink)  
Старый 14.08.2008, 14:50
Аспирант
Отправить личное сообщение для Nubi Посмотреть профиль Найти все сообщения от Nubi
 
Регистрация: 06.08.2008
Сообщений: 43

Андрей Параничев,
гранд мерси, но блин, я не думал что все так сложно! (с позиции новичка, конечно).
конечно, попытаюсь написать, но если не выйдет буду долбить jQuery.
Ответить с цитированием
  #4 (permalink)  
Старый 08.03.2011, 15:04
Новичок на форуме
Отправить личное сообщение для bibikl Посмотреть профиль Найти все сообщения от bibikl
 
Регистрация: 08.03.2011
Сообщений: 2

Где это есть еще
Да, вещь хорошая. Здесь это можно увидеть. Блеск!

Последний раз редактировалось bibikl, 08.03.2011 в 15:19. Причина: стилевая
Ответить с цитированием
Ответ



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

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