Поддержка Проблемы и решения Всплывающее окно над облаком меток

  • РешеноМодератор Sergey Biryukov

    (@sergeybiryukov)


    Live and Learn

    Задача полностью: при наведении курсора на метку (в облаке) показывать всплывающее окно со ссылками на пять последних записей с этой меткой.

    Написал выбор записей через AJAX, привязал отображение окна к событиям onmouseover и onmouseout с помощью jQuery. Остались две проблемы:
    1. Не удаётся перейти к записям — когда курсор уходит со ссылки, окно исчезает (срабатывает onmouseout).
    2. Если провести курсор над несколькими метками и задержать на одной, отправленные запросы несколько раз обновляют окно.

    Вероятно, нужно использовать задержки и/или другие события. Кто-нибудь встречал элегантное решение? 🙂

Просмотр 7 ответов — с 1 по 7 (всего 7)
  • возможно поможет сама реализация, только еще использовать stop(), чтобы очередь не создавалась и небольшую задержку перед всплыванием нового окна http://vremenno.net/js/jquery-popup-bubbles/

    Atrax

    (@atrax)

    Ethical engineer

    Явная проверка на наличие окна «в предках» в onmouseout? чтобы не выполнялся для потомков.

    Модератор Sergey Biryukov

    (@sergeybiryukov)

    Live and Learn

    Большое спасибо за ссылку 🙂 Воспользовался описанной реализацией.

    А показать результат?) Интересно же.

    Модератор Sergey Biryukov

    (@sergeybiryukov)

    Live and Learn

    http://funnygifts.ru/ — справа внизу 🙂

    да. функционал развит заметно. Я бы себе тоже сделал, но 100кб трафика навешивать не охота. Понравился вывод связанных записей через «+ -«. А верхний слайдер, на разрешении 1024 плывет.

    Модератор Sergey Biryukov

    (@sergeybiryukov)

    Live and Learn

    Я сделал только всплывающее окно.

Просмотр 7 ответов — с 1 по 7 (всего 7)
  • Тема «Всплывающее окно над облаком меток» закрыта для новых ответов.