Show a note near the element
Create a function
positionAt(anchor, position, elem) that positions
elem, depending on
position either at the top (
"top"), right (
"right") or bottom (
"bottom") of the element
Call it inside the function
showNote(anchor, position, html) that shows an element with the class
"note" and the text
html at the given position near the anchor.
Show the notes like here:
P.S. The note should have
position:fixed for this task.
In this task we only need to accurately calculate the coordinates. See the code for details.
Please note: the elements must be in the document to read
offsetHeight and other properties.
A hidden (
display:none) or out of the document element has no size.