Mostrate una nota vicino l'elemento
Create una funzione positionAt(anchor, position, elem)
che posizioni elem
vicino l’elemento anchor
in base a position
.
Il parametro position
deve essere una stringa con uno dei 3 valori seguenti:
"top"
– posizionaelem
proprio sopraanchor
"right"
– posizionaelem
subito a destra dianchor
"bottom"
– posizionaelem
esattamente sottoanchor
Il codice che scriverete viene richiamato dalla funzione showNote(anchor, position, html)
, che trovate nel codice sorgente dell’esercizio e che crea una nota con l’html
passato come parametro e lo mostra nella posizione assegnata position
vicino all’elemento anchor
.
Ecco un esempio:
In questo esercizio dobbiamo solo calcolare accuratamente le coordinate. Guardate il codice per i dettagli.
Nota bene: gli elementi devono essere visibili nel documento per leggere offsetHeight
e le altre proprietà.
Un elemento nascosto (display:none
) o fuori dal documento non ha dimensioni.