ÐокÑаÑена поведÑнка ÑпливаÑÑÐ¾Ñ Ð¿Ñдказки
ÐапиÑÑÑÑ JavaScript, Ñкий покаже ÑпливаÑÑÑ Ð¿ÑÐ´ÐºÐ°Ð·ÐºÑ Ð½Ð°Ð´ елеменÑом Ñз аÑÑибÑÑом data-tooltip. ÐнаÑÐµÐ½Ð½Ñ ÑÑого аÑÑибÑÑа Ð¼Ð°Ñ ÑÑаÑи ÑекÑÑом пÑдказки.
Це Ñк задаÑа ÐоведÑнка пÑдказки, але ÑÑÑ ÐµÐ»ÐµÐ¼ÐµÐ½Ñи можÑÑÑ Ð±ÑÑи вкладеними. Ðи маÑÑе показаÑи найбÑлÑÑ Ð³Ð»Ð¸Ð±Ð¾ÐºÐ¾ Ð²ÐºÐ»Ð°Ð´ÐµÐ½Ñ Ð¿ÑдказкÑ.
ÐдноÑаÑно може вÑдобÑажаÑиÑÑ Ð»Ð¸Ñе одна пÑдказка.
ÐапÑиклад:
<div data-tooltip="ÐÑÑ â ÑнÑеÑâÑÑ Ð±ÑдинкÑ" id="house">
<div data-tooltip="ÐÑÑ â даÑ
" id="roof"></div>
...
<a href="https://uk.wikipedia.org/wiki/ТÑоÑ_поÑоÑÑÑ" data-tooltip="ЧиÑайÑе далÑâ¦">ÐаведÑÑÑ Ð½Ð° мене вказÑвник</a>
</div>
РезÑлÑÑÐ°Ñ Ð² iframe:
ÐÑдкÑиÑи пÑÑоÑниÑÑ Ð´Ð»Ñ Ð·Ð°Ð²Ð´Ð°Ð½Ð½Ñ.