Всплывающие подсказки

@_Mikhail_ · Регистрация: 14.10.2012

Студворк — интернет-сервис помощи студентам

Доброго времени суток!)
Задача следующая, при наведении на слово в посте нужно реализовать появление подсказки. И тут следующие вопросы:
1. Скрипт подсказок нужно реализовать самостоятельно (без плагинов). Нужно что бы подсказки работали как в gmail при на ведении на контакт или заголовок письма (это просто идеальный варинт для подсказки). Подскажите как реализовать такой механизм. В частности я не знаю, и не нашел как сделать что бы подсказка оставалась активной если мышка в ее области...и усли увел курсор пропадала.
2. В нутри подсказки бедет еще текст html, отностительно сложный. В Эту подсказку должна будет вносится информации с друго сайта. Как обращаться к этому другому сайту(планирую через xml), а самое главно где хранить информацию. Реальзовать через ajax запросы мне не хочется совсем, поскольку пользователю придется ждаьть пока там все эта информацию загрузиться?

@Soldado · 15.02.2013, 11:27

Кто Вам задания такие ставит? Загружать текст подсказок с другого сайта.... (вопрос риторический).

Механизм подсказок подробно рассмотрен здесь.

Для этого форума я готовил демо-страницу - подсказки для вновь загруженного контента.

@_Mikhail_ · 15.02.2013, 12:02 **[ТС]**

Давайте немного подробнее задание опишу.
Есть нейкий ресурс (сайт). На котором пользователи тыкают на карте России любое место и описывают как там хорошо, или как там плохо, ну и немного разной другой информации.
Есть блог на WP. Пользователь пишет очередную статью и выкладывает ее.
Перед тем как статья опубликуется, ее должен обработать наш плагин. Что он делает: он ищет места (т.е. совпадающие слова) в тексте поста и места котороые есть на нашем ресурсе.
Если такое совпадение есть, то это слово нужно подсветить в тексте и при наведении на него курсора должана всплыть подсказа-диологовое окно (как в gmail) Которая выведет информацию имееющиеся на нашем ресурсе. Пользователь может либо прейти по ссылки на описание месте либо кинуть какйнить комент...или еще что то.

Вот как то так....задание дают в интстетуте такое))

Добавлено через 6 минут
А вот то что на ссылках расположенно я реализовал до обращения на фоурм, минут за 10. А дальше в пинике и недоумении обращаюсь за помощью...ибо не представляю как это реализовывать(
Вот мой вариант кода:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!DOCTYPE html>
<html>
<head>
    <meta charset-UTF-8>
    <link href="style.css" type="text/css" rel="stylesheet">
    <script src="jquery.js"></script>
    <script src="my_script.js"></script>
</head>
<body>
    <h2>Тут что то написано.</h2>
    <p>А тут текст с <a href="#">ссылкой</a>, которую <span class="qwerty1">нужно</span> будет подсветить.</p>
    <div id="tooltip" alt="Ссылка" data-tooltip="Текст подсказки"></div>
</body>
</html>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
$(document).ready(function() {
    $(".qwerty1")
        .mouseover( function(eventObject){
            $("#tooltip")
                .text("Вот это вставленный текст.")
                .css({
                    "top" : eventObject.pageY - 10,
                    "left" : eventObject.pageX - 10
                })
                .show();
        })
        .mouseleave( function() {
            $("#tooltip").hide();
        })
 
});

В CSS и так все понятно.

Новые блоги и статьи Все статьи Все блоги /
Вывод данных через динамический список в справочнике Maks 01.04.2026 Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .	Функция заполнения текстового поля в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .	К слову об оптимизации kumehtar 01.04.2026 Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .	Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .
Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем	10 пpимет, которые всегда сбываются Maks 31.03.2026 1. Чтобы, наконец, пришла маршрутка, надо закурить. Если сигарета последняя, маршрутка придет еще до второй затяжки даже вопреки расписанию. 2. Нaдоели зима и снег? Не надо переезжать. Достаточно. . .	Перемещение выделенных строк ТЧ из одного документа в другой Maks 31.03.2026 Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .	Functional First Web Framework Suave DevAlt 30.03.2026 Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .

@_Mikhail_ 5 / 5 / 1 Регистрация: 14.10.2012 Сообщений: 75

	Всплывающие подсказки 15.02.2013, 09:48. Показов 2790. Ответов 2 Метки нет (Все метки) Доброго времени суток!) Задача следующая, при наведении на слово в посте нужно реализовать появление подсказки. И тут следующие вопросы: 1. Скрипт подсказок нужно реализовать самостоятельно (без плагинов). Нужно что бы подсказки работали как в gmail при на ведении на контакт или заголовок письма (это просто идеальный варинт для подсказки). Подскажите как реализовать такой механизм. В частности я не знаю, и не нашел как сделать что бы подсказка оставалась активной если мышка в ее области...и усли увел курсор пропадала. 2. В нутри подсказки бедет еще текст html, отностительно сложный. В Эту подсказку должна будет вносится информации с друго сайта. Как обращаться к этому другому сайту(планирую через xml), а самое главно где хранить информацию. Реальзовать через ajax запросы мне не хочется совсем, поскольку пользователю придется ждаьть пока там все эта информацию загрузиться? 0

@Soldado 901 / 833 / 198 Регистрация: 28.06.2012 Сообщений: 1,607 Записей в блоге: 4
	15.02.2013, 11:27
	Кто Вам задания такие ставит? Загружать текст подсказок с другого сайта.... (вопрос риторический). Механизм подсказок подробно рассмотрен здесь. Для этого форума я готовил демо-страницу - подсказки для вновь загруженного контента. 1

Всплывающие подсказки

Решение