See More

Vi ønsker at gøre dette open source-projekt tilgængeligt for folk over hele verden.

Hjælp med at oversætte indholdet af denne tutorial til dit sprog!

Tutorial-oversigt
tilbage til lektionen

Vis en note ved siden af elementet

vigtighed: 5

Lav en funktion positionAt(anchor, position, elem), som placerer elem, afhængig af position, i nærheden af anchor elementet.

position skal være en streng med en af 3 værdier:

  • "top" – position elem lige over anchor
  • "right" – position elem lige ved siden af anchor til højre
  • "bottom" – position elem lige under anchor

Det bruges inde i funktionen showNote(anchor, position, html), som leveres i opgavens kildekode, som opretter en “note”-element med den givne html og viser den på den givne position nær anchor.

Her er en demonstration af notes:

Ã…bn en sandbox til opgaven.

I denne opgave handler det mest om at udregne koordinaterne korrekt. Se kildekoden for detaljer.

Bemærk: elementerne skal være i dokumentet for at kunne læse offsetHeight og andre egenskaber. Et skjult (display:none) eller uden for dokumentet element har ingen størrelse.

Åbn løsningen i en sandbox.