Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 19.07.2011, 21:50   #1
NapalmRain
Пользователь
 
Регистрация: 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>
ну и соответственно onmouseover onmouseout вызывает одну из функций.

Всё работает, но вот в чём вопрос: возможно ли, что бы этот самый див появлялся не в указанных мною координатах, а там, где находится курсор.
Нашёл функцию для определения координат мыши, попытался прикрутить, ничего не получилось. если кто подскажет, буду благодарен!
NapalmRain вне форума Ответить с цитированием
Старый 20.07.2011, 00:11   #2
S-HaCK XORitY
Пользователь
 
Аватар для S-HaCK XORitY
 
Регистрация: 19.07.2011
Сообщений: 70
По умолчанию

Пробуй event.clientX - для x координат и event.clientY для y координат, должно получиться, но могут быть проблемы с кроссбраузерностью, так что лучше юзай jQuery
Made All in China - MAC OS...
S-HaCK XORitY вне форума Ответить с цитированием
Старый 20.07.2011, 02:43   #3
NapalmRain
Пользователь
 
Регистрация: 18.05.2010
Сообщений: 53
По умолчанию

к сожлению с jQuery я вообще не знаком.
Знаю что там много возможностей, но освоить сейчас возможности нет(

А могу попросить привести пример как можно реализовать это с помощью event.clientX?
NapalmRain вне форума Ответить с цитированием
Старый 20.07.2011, 07:06   #4
Виталий Желтяков
Старожил
 
Аватар для Виталий Желтяков
 
Регистрация: 19.04.2010
Сообщений: 2,702
По умолчанию

1. Лучше использовать jQuery, иначе замучитесь с контейнерами.
2. Про то как сделать самому.
3. Если хотите сделать кошерно, то сразу смотрите в сторону плагинов tooltip для jQuery
Виталий Желтяков вне форума Ответить с цитированием
Старый 20.07.2011, 07:09   #5
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

http://javascript.ru/tutorial/events...entx-y-pagex-y
Думаю, поможет.
Alar, верни репу!
Naive вне форума Ответить с цитированием
Старый 20.07.2011, 10:29   #6
NapalmRain
Пользователь
 
Регистрация: 18.05.2010
Сообщений: 53
По умолчанию

Благодарю.
И с java разобрался вроде, но и правда косяк с кроссбраузерностью. Посмотрел easyTooltip - очень помог решить проблему) обошёляся малой кровью как говорится)
Всем спасибо за помощь)
NapalmRain вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Изменение обтекаемости картинки при наведении мыши 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