Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.83/6: Рейтинг темы: голосов - 6, средняя оценка - 4.83
0 / 0 / 0
Регистрация: 23.03.2010
Сообщений: 18

Реализация всплывающей подсказки

14.12.2015, 14:38. Показов 1345. Ответов 4
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
В интернете полно ресурсов как реализовать с помощью css, но все они статические. С этим проблем не возникло. Кому интересно неплохой demo с исходником http://ruseller.com/lessons.php?rub=2&id=664.

Подскажите, можно ли без использования скриптов создать всплывающую подсказку так чтобы окно с подсказкой для элемента на странице прорисовывалось относительно курсора мыши?

Для примера, как реализовано на сайте(просто для примера): http://саженцы-винограда.in.ua... %B0%D0%B4/
Если навести курсор на фото винограда появится описание в рамке которое перепрорисовывается при перемещении мыши.
К сожалению если скопировать код и сохранить в локальную страницу, то всплывающая подсказка не работает, видимо не подтягивается какой-то ресурс. Потому понять как там сделано до конца не получается.
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
14.12.2015, 14:38
Ответы с готовыми решениями:

Позиционирования всплывающей подсказки
Всем привет! Целый день мучаюсь с позиционированием всплывающей подсказки и ничего не получается... На странице вывожу...

Закругления у всплывающей подсказки
Добрый день, Господа! Помогите мне пожалуйста. У меня на сайте имеется всплывающая всплывающая подсказка. Но к сожалению, она...

Реализация всплывающей подсказки над картинкой
как сделать всплывающую подсказку чтоб при наведении на картинку выводилось все это $s= 'Ваша ссылка - '.'<b>'.$t.'</b>'.'...

4
Эксперт HTML/CSS
 Аватар для Shakalaka
653 / 556 / 322
Регистрация: 27.01.2015
Сообщений: 1,374
14.12.2015, 14:45
Цитата Сообщение от shurik_7866 Посмотреть сообщение
Подскажите, можно ли без использования скриптов создать всплывающую подсказку так чтобы окно с подсказкой для элемента на странице прорисовывалось относительно курсора мыши?
HTML5
1
<div title="подсказка">текст текст текст</div>
0
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
14.12.2015, 14:45
shurik_7866, а атрибут title не годится?
0
0 / 0 / 0
Регистрация: 23.03.2010
Сообщений: 18
14.12.2015, 14:51  [ТС]
shurik_7866, а атрибут title не годится?
Нет, убогая подсказка, к тому же подсказка заданная в атрибуте title не перепрорисовывается при движении мыши (по крайней мере в firefox)
0
31 / 24 / 5
Регистрация: 15.11.2015
Сообщений: 140
14.12.2015, 21:12
shurik_7866, все возможно с ховер-ефектом!
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
14.12.2015, 21:12
Помогаю со студенческими работами здесь

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

Создание всплывающей подсказки.
Напишите код для создания всплывающей подсказки на панели задач и вставки своего текста в нее.

Отображение всплывающей подсказки
Всем привет! Сделал всплывающий блок при наведении на карту изображения, вместо title. Изначально он display: none: и position: absolute ...

Принудительный вызов всплывающей подсказки
Подскажите пожалуйста, а как принудительно показать созданный CToolTipCtrl. Он должен появляться не при наведении курсора а при...

Программное отображение всплывающей подсказки
Добрый день. есть стандартный компонент или какой-то другой способ, который позволит вывести подсказку в определенном месте после...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Новые блоги и статьи
Конвертировать закладки radiotray-ng в m3u-плейлист
damix 19.02.2026
Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI
Eddy_Em 18.02.2026
Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .
Символьное дифференцирование
igorrr37 13.02.2026
/ * Программа принимает математическое выражение в виде строки и выдаёт его производную в виде строки и вычисляет значение производной при заданном х Логарифм записывается как: (x-2)log(x^2+2) -. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru