Javascript - zistenie pozície a napozicovať div pod odkaz

Reaguji na _fantomase:
Proč nemůžeš dát <div> dovnitř odkazu a pozicovat ve vztahu k němu?

_fantomas:
„Ved to je totalna kravina“
Prohlížeče to podporuj od té doby, co jsou DIVy v HTML specifikaci a v HTML 5 do dovoluje.
Pokus s tím máš nějaký problém, dej odkaz na živou ukázku.

Živá ukázka
Upravena ukázka.

Reaguji na _fantomase:
Mně přijde jako větší prasárna počítat si nějaké přesné pixelové pozice něčeho, co se teoreticky může po dokončení pozicování změnit. Nikdy jsem nechápal, proč to takhle někdo chce dělat. Mají-li mít mezi sebou dvě pozice nějaký vztah, není nic lepšího, než využít vzájemného uspořádání v DOMu.

Pokud uvnitř submenu mají být také odkazy, tak to je trochu složitější, protože odkazu uvnitř odkazu bych moc nevěřil, ale princip bych neměnil – obalil bych ten první odkaz (má-li to být skutečně odkaz a ne jen cosi s JS činností) a submenu do společného rodiče (nejspíš <span>u) a pozicoval bych ve vztahu k němu. Opět žádné počítání souřadnic.

Prohlížečům nikdy moc nevadilo umístit element s display: block (ještě navíc pozicovaný) dovnitř elementu s display: inline. Dávná poučka ze specifikace o blokových a řádkových elementech měla sémantické důvody a u zakázaných kombinací s elementy <a>, <span> a <div> žádné opodstatnění neměla.

Vlastně je to blbost, protože v tom DIVu submenu asi budeš mít další odkazy, a to nelze.
Pochopitelně, že když dáš do odkazu DIV, tak bude celý klikací, pokud pominu výjimky, jako hrátky s overflow a podobně.
Dej odkaz na živou ukázku, protože to, co chceš, jde udělat bez dalších "opičáren".

_fantomas:
A čo ti bráni urobiť to takto:

_fantomas:
Opravdu to tam pozicují absolutně, ale dá se to i jinak. Živá ukázka Tedy i v mém případě tam absolutní pozicování je, ovšem ne oproti levému hornímu rohu obrazovky ale oproti tomu elementu samému.
Má to svoje limity (jako že se to nemá moc rádo s pravým okrajem, ale to nemusí vůbec vadit)

_fantomas:
Keď bude slovo, z ktorého sa to vysunie príliš blízko okraja, môže ti to tam narobiť šarapatu.

Šlo by predpokladať, že sa bude slovo vyskytovať v texte a vysúvaciu ponuku zobraziť napravo. Samozrejme, v prípade, že bude prvok na začiatku riadka, nastane rovnaký problém, ako by bolo slovo v staršej verzii na jeho konci.

Reaguji na Keeehiho:
V Exploreru 7 mi nedrží menu otevřené, když zkusím na položky najet, nevím, jak v novějších verzích, to by si měl ještě _fantomas prověřit.

Mezi odkazy bych dal do HTML kódu mezery, protože vyhledávač neuvidí, že jsou nastylované jako blokové. Nespoléhal bych na to, že s odkazy pracuje jinak než s ostatními řádkovými elementy… i když je to dost pravděpodobné.

_fantomas:
V tvojej ukážke nikde nevidím zmenu na display: block. Možno preto to „nechce fungovať“.
A vôbec, prečo tak zložito? Šlo by podľa udalosti meniť triedu položky. Prvá trieda by obsahovala štýly pre vypnuté menu. Druhá pre menu, na ktoré klikneš. Inšpiruj sa Keeehiho ukážkou.

_fantomas:
Komu není rady tomu není pomoci. Neudělal jsi to trochu po svém, ale absolutně jinak. A navíc ten kód se mi tak moc nelíbí, že bych ho rovnou raději celý zahodil. Evidentně je to nad tvé síly. A i kdyby se ti to nějak povedlo poslepovat dohromady, tak se to bude ve spostě případů rozpadat. Takže si buď vymysli něco jednoduššího, nebo nech někoho ať to za tebe pořádně udělá. Buď ať to někdo vytvoří, nebo už to někdo vytvořil knihovnu kterou můžeš použít. Z toho co prezentuješ v poslední ukázce to vypadá spíše na klasické menu než nějakou "kontextovou nabídku" u odkazu ztraceného někde v textu. Hotových řeešení budou desítky. Třeba navbar z bootstrapu getbootstrap.com/components/#navbar s dropdown tlačítky. To tak vypadá na to co chceš a bude to fungovat vždy lépe, než cokoli co vytvoříš sám.