zpět k lekci

Zobrazte poznámku poblíž elementu

důležitost: 5

Vytvořte funkci umístiNa(kotva, pozice, elem), která umístí element elem do blízkosti elementu kotva podle argumentu pozice.

pozice musí být řetězec obsahující některou z těchto tří hodnot:

  • "nahoru" – umístí elem přesně nad element kotva
  • "doprava" – umístí elem přesně doprava od elementu kotva
  • "dolů" – umístí elem přesně pod element kotva

Funkce je použita ve funkci zobrazPoznámku(kotva, pozice, html), která je poskytnuta ve zdrojovém kódu této úlohy. Ta vytvoří element „poznámky“ se zadaným html kódem a zobrazí jej na zadané pozici pozice poblíž elementu kotva.

Zde je demo poznámek:

Otevřít pískoviště pro úlohu.

V této úloze musíme jenom správně vypočítat souřadnice. Podrobnosti viz kód.

Prosíme všimněte si, že abychom mohli načíst offsetHeight a jiné vlastnosti, elementy musejí být obsaženy v dokumentu. Skrytý element (display:none) nebo element mimo dokument nemá žádnou velikost.

Otevřít řešení na pískovišti.