|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
19.07.2011, 21:50 | #1 |
Пользователь
Регистрация: 18.05.2010
Сообщений: 53
|
Всплывающее сообщение при наведении мыши.
Приветствую Вас, товарищи программисты.
Я с javascript'ом на давольно длинной ноге. история такая. есть пхп скрипт, который считывает с mysql таблицы путь до картинки и её описание. потом выводит на экран эту саму картинку а описание записывается в див с параметром style="display:none;" нужно как-то организовать, что этот див показался нам на глаза при наведении мыши и прятался при убирании курсора с картинки. у меня это реализованно так: Код HTML:
<script language=JavaScript><!-- var name; function visible(name) { name.style='left:20%;top:300;position:absolute;display:block'; } function invisible(name) { name.style="display:none;"; } //--></script> Всё работает, но вот в чём вопрос: возможно ли, что бы этот самый див появлялся не в указанных мною координатах, а там, где находится курсор. Нашёл функцию для определения координат мыши, попытался прикрутить, ничего не получилось. если кто подскажет, буду благодарен! |
20.07.2011, 00:11 | #2 |
Пользователь
Регистрация: 19.07.2011
Сообщений: 70
|
Пробуй event.clientX - для x координат и event.clientY для y координат, должно получиться, но могут быть проблемы с кроссбраузерностью, так что лучше юзай jQuery
Made All in China - MAC OS...
|
20.07.2011, 02:43 | #3 |
Пользователь
Регистрация: 18.05.2010
Сообщений: 53
|
к сожлению с jQuery я вообще не знаком.
Знаю что там много возможностей, но освоить сейчас возможности нет( А могу попросить привести пример как можно реализовать это с помощью event.clientX? |
20.07.2011, 07:06 | #4 |
Старожил
Регистрация: 19.04.2010
Сообщений: 2,702
|
1. Лучше использовать jQuery, иначе замучитесь с контейнерами.
2. Про то как сделать самому. 3. Если хотите сделать кошерно, то сразу смотрите в сторону плагинов tooltip для jQuery |
20.07.2011, 07:09 | #5 |
Раздолбайских Дел
Старожил
Регистрация: 22.05.2009
Сообщений: 3,828
|
http://javascript.ru/tutorial/events...entx-y-pagex-y
Думаю, поможет.
Alar, верни репу!
|
20.07.2011, 10:29 | #6 |
Пользователь
Регистрация: 18.05.2010
Сообщений: 53
|
Благодарю.
И с java разобрался вроде, но и правда косяк с кроссбраузерностью. Посмотрел easyTooltip - очень помог решить проблему) обошёляся малой кровью как говорится) Всем спасибо за помощь) |
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Изменение обтекаемости картинки при наведении мыши | CodeNOT | JavaScript, Ajax | 0 | 29.04.2011 22:48 |
Изменение рисунка при наведении курсора мыши | ru3000 | Microsoft Office Excel | 4 | 15.04.2011 01:13 |
Изменение AlphaBlend при наведении мыши | Dj_SheLL | Общие вопросы Delphi | 6 | 06.05.2010 12:49 |
Подсказка при наведении курсора мыши | Syltan | JavaScript, Ajax | 2 | 23.04.2010 15:31 |
Смена картинки при наведении мыши на меню | Unknown-As | HTML и CSS | 4 | 31.03.2009 16:17 |