čtvrtek 16. července 2009

Klikací seznam budoucnosti

Během své webařské kariéry jsem udělal několik rozklikávacích seznamů a menu. V principu jde o to samé. Při nedávném průzkumu situace jsem narazil na nextElementSibling, díky kterému lze udělat takové rozklikávadlo velmi elegantně bez složitého scriptování:

onclick="this.nextElementSibling.style.display=(this.nextElementSibling.style.display=='none'?'block':'none');return false;"

Odladil jsem to pro Firefox 3.5 a funguje to také v prohlížečích Opera 9.64 a Google Chrome. Současné implementace JavaScriptu však tuto metodu nemusí znát a třeba MSIE8 i Firefox 3.0 tuto vymyšlenost prostě neumí. Musíme ještě chvilku počkat.

Kliknutím sem skryješ nebo zobrazíš následující odstavec...

Tento text by se měl při fungujícím nextElementSibling skrývat a zobrazovat klikáním na předchozí text.


Tak si to pamatujme ;-)



...kdybych se byl líp učil, tak bych dávno věděl, že existuje nextSibling, který funguje od MSIE 5.5 (a jo, vyzkoušel jsem to):

Kliknutím sem skryješ nebo zobrazíš následující odstavec...

Tento text by se měl při fungujícím nextSibling skrývat a zobrazovat klikáním na předchozí text.


Kód pak je takový:

onclick="this.nextSibling.style.display=(this.nextSibling.style.display=='none'?'block':'none');return false;"

MAKE Magazine

Technology Review RSS Feeds

Nejčtenější příspěvky