Всплывающая подсказка.

Автор Тема: Всплывающая подсказка.  (Прочитано 3009 раз)

Оффлайн [DiZ]Автор темы

  • Бизнес оценка: (0)
  • Ветеран
  • *****
  • СПАСИБО: 223
  • Сообщений: 1007
  • Карма: 32
  • Пол: Мужской
  • Судьба судьбой, а выбор за тобой!
  • Награды SEO-специалист
    • Просмотр профиля
    • Сео в помощь

Оффлайн [DiZ]Автор темы

  • Ветеран
  • *****
  • Доп. информация
    • Бизнес оценка: (0)
    • СПАСИБО: 223
    • Сообщений: 1007
    • Карма: 32
    • Пол: Мужской
    • Судьба судьбой, а выбор за тобой!
    • Награды SEO-специалист
      • Просмотр профиля
      • Сео в помощь
Всплывающая подсказка.
« : 14-05-2016, 16:11:29 »
Есть задача реализовать всплывающую подсказку на статичном сайте.
Т.Е. сайт написан на HTML, CSS, JS. И нужно при клике на маленькую картинку знака вопроса что бы появилось окошко с подсказкой по пункту после которого этот значок вопроса имеется.

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

Буду очень благодарен за помощь, в долгу не остaнусь.
Стартовал новый сайт: СЕО в помощь милости просим! ;)


Оффлайн derzaiii

  • Модератор
  • Бизнес оценка: (1, 100%)
  • *****
  • СПАСИБО: 287
  • Сообщений: 457
  • Карма: 73
  • Пол: Мужской
  • Все в жизни относительно.
  • Награды КМС поисковой оптимизации
    • Просмотр профиля
    • Создание и обслуживание сайтов на Modx

Оффлайн derzaiii

  • Модератор
  • *****
  • Доп. информация
    • Бизнес оценка: (1, 100%)
    • СПАСИБО: 287
    • Сообщений: 457
    • Карма: 73
    • Пол: Мужской
    • Все в жизни относительно.
    • Награды КМС поисковой оптимизации
      • Просмотр профиля
      • Создание и обслуживание сайтов на Modx
Re: Всплывающая подсказка.
« Ответ #1 : 14-05-2016, 16:14:50 »
Можно назначить display:none; всплывающему окну, а по клику делать его видимым.

Оффлайн Dogica

  • Бизнес оценка: (0)
  • Ветеран
  • *****
  • СПАСИБО: 441
  • Сообщений: 1314
  • Карма: 36
  • Пол: Мужской
  • www.dogica.com
  • Награды SEO-специалист
    • Просмотр профиля
    • DOGICA

Оффлайн Dogica

  • Ветеран
  • *****
  • Доп. информация
    • Бизнес оценка: (0)
    • СПАСИБО: 441
    • Сообщений: 1314
    • Карма: 36
    • Пол: Мужской
    • www.dogica.com
    • Награды SEO-специалист
      • Просмотр профиля
      • DOGICA
DOGICA® 3D World of Dog & Puppy
HTTP://WWW.DOGICA.COM  ;)

Оффлайн Старый

  • Бизнес оценка: (9, 100%)
  • Мастер
  • *****
  • СПАСИБО: 1703
  • Сообщений: 5529
  • Карма: 159
  • Ищу работу постоянную, удалённую с окладом.
  • Награды Более одной тысячи спасибо КМС поисковой оптимизации
    • Просмотр профиля

Оффлайн Старый

  • Мастер
  • *****
  • Доп. информация
    • Бизнес оценка: (9, 100%)
    • СПАСИБО: 1703
    • Сообщений: 5529
    • Карма: 159
    • Ищу работу постоянную, удалённую с окладом.
    • Награды Более одной тысячи спасибо КМС поисковой оптимизации
      • Просмотр профиля
Re: Всплывающая подсказка.
« Ответ #3 : 14-05-2016, 19:04:02 »
Понимаю что с помощью JS пишется скрипт типа "он клик", но как сделать так что бы это было не окно браузера а просто рамочка с информацией?

Можно и без JS, на одном CSS.
Создаёте слой с подсказкой. Прописываете правила его отображения.
И изначально display:none
А потом :hover со всеми вытекающими. Показываться будет не по клику, а при подведении мышки к иконке (знак вопроса).

Оффлайн prolisk

  • Бизнес оценка: (0)
  • Дебютант
  • *
  • СПАСИБО: 0
  • Сообщений: 5
  • Карма: 0
  • Пол: Мужской
  • делаю видео-обзоры сайтов
    • Просмотр профиля
    • Блог вебмастера и путешественника

Оффлайн prolisk

  • Дебютант
  • *
  • Доп. информация
    • Бизнес оценка: (0)
    • СПАСИБО: 0
    • Сообщений: 5
    • Карма: 0
    • Пол: Мужской
    • делаю видео-обзоры сайтов
      • Просмотр профиля
      • Блог вебмастера и путешественника
Re: Всплывающая подсказка.
« Ответ #4 : 18-08-2016, 23:15:18 »
Показываться будет не по клику
Воспользуйтесь этим советом: установите для блока подсказок display:none.
Потом, что сделать именно по клику, а не при наведении, нужно написать несложный яваскрипт. Функция, которая будет вызываться onclick, сделает innerHTML и поменяет display:block.
Ибо что хочешь почитать? newbielink:http://bdseo.ru [nonactive] норм тема.


 

Похожие темы

  Тема / Автор Ответов Последний ответ
0 Ответов
776 Просмотров
Последний ответ 19-09-2013, 19:37:13
от FerrisBuller
3 Ответов
1244 Просмотров
Последний ответ 10-01-2014, 08:39:42
от bibika
1 Ответов
865 Просмотров
Последний ответ 02-09-2014, 17:11:25
от Владимир75
10 Ответов
2425 Просмотров
Последний ответ 23-06-2015, 23:42:58
от Старый
6 Ответов
1361 Просмотров
Последний ответ 26-03-2016, 14:47:29
от Camus