Если вам нравится SbUP Форум, вы можете поддержать его - BTC: bc1qppjcl3c2cyjazy6lepmrv3fh6ke9mxs7zpfky0 , TRC20 и ещё....

 

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

Автор [DiZ], 14-05-2016, 16:11:29

« назад - далее »

[DiZ]Topic starter

Есть задача реализовать всплывающую подсказку на статичном сайте.
Т.Е. сайт написан на HTML, CSS, JS. И нужно при клике на маленькую картинку знака вопроса что бы появилось окошко с подсказкой по пункту после которого этот значок вопроса имеется.

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

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


derzaiii

Можно назначить display:none; всплывающему окну, а по клику делать его видимым.
  •  


Dogica

DOGICA® 3D World of Dog & Puppy
HTTP://WWW.DOGICA.COM  ;)
  •  

Старый

Цитата: [DiZ] от 14-05-2016, 16:11:29Понимаю что с помощью JS пишется скрипт типа "он клик", но как сделать так что бы это было не окно браузера а просто рамочка с информацией?

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

prolisk

Цитата: Старый от 14-05-2016, 19:04:02Показываться будет не по клику
Воспользуйтесь этим советом: установите для блока подсказок display:none.
Потом, что сделать именно по клику, а не при наведении, нужно написать несложный яваскрипт. Функция, которая будет вызываться onclick, сделает innerHTML и поменяет display:block.
Ибо что хочешь почитать? newbielink:https://bdseo.ru [nonactive] норм тема.
  •  



Если вам нравится SbUP Форум, вы можете поддержать его - BTC: bc1qppjcl3c2cyjazy6lepmrv3fh6ke9mxs7zpfky0 , TRC20 и ещё....