torna alle lezioni

Mostrate una nota vicino l'elemento

importanza: 5

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" – posiziona elem proprio sopra anchor
  • "right" – posiziona elem subito a destra di anchor
  • "bottom" – posiziona elem esattamente sotto anchor

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:

Apri una sandbox per l'esercizio.

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.

Apri la soluzione in una sandbox.