regresar a la lección

Muestra una nota cercana al elemento

importancia: 5

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" – posiciona elem encima de anchor
  • "right" – posiciona elem inmediatamente a la derecha de anchor
  • "bottom" – posiciona elem debajo de anchor

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:

Abrir un entorno controlado para la tarea.

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.

Abrir la solución en un entorno controlado.