Muestra una nota cercana al elemento
Crea una función positionAt(anchor, position, elem)
que posicione elem
, dependiendo de la proximidad de position
al elemento anchor
.
position
debe ser un string con alguno de estos 3 valores:
"top"
– posicionaelem
encima deanchor
"right"
– posicionaelem
inmediatamente a la derecha deanchor
"bottom"
– posicionaelem
debajo deanchor
Esto será usado dentro de la función showNote(anchor, position, html)
, proveída en el código fuente de la tarea, que crea un elemento “note” con el html
y lo muestra en el lugar proporcionado por position
cercano a anchor
.
Aquí está el demo de las notas:
En esta tarea sólo necesitamos calcular exactamente las coordenadas. Mira el código para más detalles.
Ten en cuenta: los elementos deben estar en el documento para leer offsetHeight
y otras propiedades.
Un elemento oculto (display:none
) o fuera del documento no tiene medidas.