[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Всплывающее окно при наведении мыши
VqSet
Необходимо реализовать так как тут: Внешняя ссылка
Т.е. при наведении мыши на картинку рядом с курсором появляется окошко с описанием предмета. У меня получилось сделать вывод div окна, только вверху страницы, а надо рядом с мышью, как так сделать?



Спустя 9 минут, 36 секунд (1.08.2012 - 19:58) inpost написал(а):
считываешь координаты мыши и прописываешь для этого дива позицию через left, top.

Спустя 17 минут, 35 секунд (1.08.2012 - 20:16) VqSet написал(а):
Все бы так, но страницы создаются в редакторе cms. Поэтому я не могу обращаться к css и прочему, а вот написать js код там можно.

Спустя 5 минут, 10 секунд (1.08.2012 - 20:21) inpost написал(а):
Вообще-то свойства объектов создаются при помощи JS, CSS не нужен. Через JS указываешь отступы от левого и верхнего краёв.

Спустя 5 минут, 3 секунды (1.08.2012 - 20:26) VqSet написал(а):
Ясно, спасибо!

Полазил с исходном коде страницы, нашел этот скрипт:

function showBotInfo(artifact_id, artikul_id, set_id) {
var url = "/bot_info.php";
if (artifact_id) url += "?artifact_id="+artifact_id;
else if (artikul_id) url += "?artikul_id="+artikul_id;
else if (set_id) url += "?set_id="+set_id;
else return;
window.open(url, "", "width=730,height=550,location=yes,menubar=no,resizable=yes,scrollbars=yes,status=no,toolbar=no");
}

Я так понял, эти аргументы берутся из bot_info.php?
artifact_id, artikul_id, set_id

Спустя 5 минут, 53 секунды (1.08.2012 - 20:32) VqSet написал(а):
Нет, это не он happy.gif Нашел тот, он побольше будет =) Попробую пока сам разобраться, спасибо!

Спустя 22 часа, 3 минуты, 51 секунда (2.08.2012 - 18:36) VqSet написал(а):
Все работает и получается нормально, НО слишком большой код оформления этого самого окна. Хочу сделать так: присвоить каждой картинке уникальный id и выводить всю необходимую информацию об объекте в всплывающее окошко. Все это должно находится в отдельном php файле. Как бы мне так организовать этот файл?
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.