Osobně mi příliš nevadí, že jde o věc závislou na javascriptu ani že je to nestandardní konstrukt. Obojí jde dobře dohromady s tím, pro jakou skupinu uživatelů tu ladíme. Ukončená podpora nás navíc zbavuje nutnosti řešit dopřednou kompatibilitu.

Pro mne je významnou výhodou tohoto přístupu, že věci, které se týkají formátování, jsou popsané na příslušném místě: tedy ve stylu, a ne v dalším přilinkovaném souboru s javascriptem apod.

Nejhorší problém tak zůstávají otázky výkonu. Steve Souders publikoval poznámku o tomto aspektu, kde mimo jiné doporučuje nahrazovat dynamické vlastnosti statickým výrazem při prvním vyhodnocení.

O co jde?

• Hodnota dynamické vlastnosti se počítá vyhodnocením javascriptového výrazu.
• Ve výrazu je možné použít slovo this jako referenci na element, jehož vlastnost se právě dopočítává.
• Zdá se, že vyhodnocování výrazu není uzavřené v žádném „sandboxu“, to znamená, že například všechna přiřazení provedená při vyhodnocování výrazu mohou normálně modifikovat DOM.
• Speciálně je možné modifikovat vlastnost style elementu odkazovaného jako this.

Pokoušel jsem se prozkoumat podrobněji, jak se Internet Explorer 6 a 7 skutečně chová v těchto případech; následující příklad berte jako ukázku zlomyslností, které vám tyto prohlížeče mohou přichystat.

Příklad: dynamický obsah

CSS zná vlastnost content; její typické použití se předpokládá ve spojení s pseudotřídou :after. nebo :before. Můžeme tak doplnit různé znaky doplňující vizuální prezentaci obsahu elementu; například použít pravé francouzské uvozovky v prezentaci drobečkové navigace.

Tuto dvojici konstruktů ale právě IE 6 a 7 nepodporují (od verze 8 je všechno v pořádku).

Speciálně pro ně bychom tedy mohli psát:

• Výraz používá operátor , (čárka), který se vyhodnocuje tak, že se nejprve spočítá levá část a výsledek se zahodí; pak se spočítá pravá část, a co vyjde, je výsledek celého výrazu.
• Výpočet levé části má jako vedlejší efekt požadovanou modifikaci dokumentu.
• V pravé části je přiřazení, které nahrazuje dynamickou hodnotu statickým výrazem.
• Zároveň je prázdný řetězec výsledkem vyhodnocení celého výrazu při prvním (ještě dynamickém) vyhodnocení.

Narazíme tu na první (a v tomto konkrétním případě jedinou) záludnost: očekávali bychom, že při prvním vyhodnocení se hodnota filtru přepíše na prázdný řetězec a znaky ” » ” se tak připojí právě jednou. Ve skutečnosti se při testování pravidelně doplňovaly dvakrát.

Důvod neznám; tipoval bych, že je vyhodnocení dynamické vlastnosti spjaté s nějakými dvěma událostmi, které nastávají při načítání, parsování a vykreslování dokumentu krátce po sobě. Jednoduché testy ukázaly, že první vyhodnocení následuje po vykonání inline javascriptů, ale předchází vykonání inline javascriptů s atributem defer. Druhé vyhodnocení následuje po vykonání skriptů s nastaveným defer, ale předchází událost load na elementu body.

V každém případě pomůže následující úprava: