zpět k lekci

Vylepšené chování tooltipu

důležitost: 5

Napište kód v JavaScriptu, který zobrazí tooltip nad elementem obsahujícím atribut data-tooltip. Textem tooltipu by měla být hodnota tohoto atributu.

Podobá se to úloze Podpora tooltipu, ale elementy s tooltipem tentokrát mohou být vnořené. Zobrazí se ten nejhlouběji vnořený tooltip.

Může se zobrazit jen jeden tooltip současně.

Příklad:

<div data-tooltip="Zde – je interiér domu" id="dům">
  <div data-tooltip="Zde – je střecha" id="střecha"></div>
  ...
  <a href="https://en.wikipedia.org/wiki/The_Three_Little_Pigs" data-tooltip="Číst dál…">Najeďte na mě</a>
</div>

Výsledek v rámu:

Otevřít pískoviště pro úlohu.