en.javascript.info/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/1-behavior-nested-tooltip/task.md
2015-02-13 18:33:55 +03:00

25 lines
1.1 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

# Поведение "вложенная подсказка"
[importance 5]
Напишите JS-код, который будет показывать всплывающую подсказку над элементом, если у него есть атрибут `data-tooltip`.
Условие аналогично задаче [](/task/behavior-tooltip), но здесь необходима поддержка вложенных элементов. При наведении показывается самая вложенная подсказка.
Например:
```html
<div data-tooltip="Это внутренность дома" id="house">
<div data-tooltip="Это крыша" id="roof"></div>
...
<a href="http://ru.wikipedia.org/wiki/Три_поросёнка" data-tooltip="Читать дальше">Наведи на меня</a>
</div>
```
Результат в ифрейме с документом:
[iframe src="solution" height=300 border=1]
Вы можете использовать как заготовку решение задачи [](/task/behavior-tooltip).