Minule jsme si v příspěvku Druhá beta Internet Exploreru 8 podrobně probrali nové technologie v IE8 a ukázali si první implementaci WebSlices pro IE8, nyní mám pro vás pár postřehů.

...

Nejprve k diskuzi mas na Živě pod článkem Seznam podporuje webové výstřižky WebSlices. Rudidlo provokuje: "Myslel jsem si, že Microsoft udělá z IE8 plnohodnotný prohlížeč. Místo toho je v něm naimplementovaná podpora něčeho co ostatní prohlížeče nemají a je to určeno NAPEVNO pojmenovanými referencemi na CSS třídy. Jak může tvůrce webu Web Slices vypnout?".

Je vidět, že jediné co umí je kopat do MS bez jakékoli znalosti. Bohužel asi neví, že mikroformáty jsou nastaveny definovány tak, že používají pevné názvy tříd na elementech. Tím pádem to webmaster nemůže vypnout a pokud se náhodou strefí do struktury a názvů vytvoří mikroformát i nevědomky. Vypnout to obecně nelze a tudíž to nejde vypnout ani pro IE8.

Seznam celkem rychle zareagoval a na konferenci MS Developer Days 2008 prezentuje WebSlices, které jsou dostupné z HP Seznamu. Dále je možné si nainstalovat Seznamácké akcelerátory pro mapy a slovník.

Praxe s WebSlice

Pokud tvoříme výstřižek, první co zjistíme, tak je nulová podpora JavaScriptu. Proste ve výstřižku si JavaScript nespustíte. Teď si říkáte, k čemu je výstřižek vlastně dobrý. Buď bude stránka ze které je udělán dynamicky genrovaná, nebo je možné použít náhradní zdroj. V definici WebSlice je úplně dole zmíněna položka Alternative Update Source. Je to vlastně odkaz, který má definován atribut rel jako feedurl. Pak je výstřižek generován z tohoto url.

Jak je to ve výstřižku s CSS? Na začátku se zdá, že je při jeho prohlížení vyrenderována celá stránka a pak se z ní udělá výřez. To není úplně pravda :-) IE totiž stáhne HTML a vezme obalující DOM element výstřižku (ten s třídou hslice) a umístí jí přímo do body dokumentu, ať je v originální stránce zanořená jakkoli hluboko. Tím je defakto možné jednoduše nastylovat zabookmarkovaný výstřižek jinak, než jak je nastylován ve zdrojové stránce. Navíc pokud má ve zdrojové stránce tag body svoje vlastní id a přes něj jsou aplikovány styly, pak tyto styly nebudou na výstřižek aplikovány, protože když je zobrazen, uvažuje se body bez tříd a id! Funguje to tak, že je vytvořen nový dokument, do něj umístěn výstřižek a k dokumentu nalinkovány všechny CSS soubory zdrokového dokumentu a staženy obrázky a objekty které se ve výstřižku nacházení.

Praxe s Akcelerátory

Jak jsem se zmínil v minulém článku, akcelerátorem může být jakákoli stránka, které lze předat formátem definované parametry a to buď pro zobrazení v okně, nebo jako nový odkaz. Akcelerátor je popsán XML. Doteď je vše jasné, nicméně v akcelerovaném okně (výběr textu na stránce - pravý klik a najetí na jeden z akcelerátorů) nefunguje vše jak by člověk čekal :-)

Zatím není jasné jestli je to chyba nebo záměr, ale pravé i levé tlačítko myši má v JavaScriptu při události stejný kód roven 0. Tedy nejde rozeznat jaké tlačítko bylo stisknuto (to je problém např. u map a odzoomování při kliku pravým tlačítkem). Dále nejde zavěsit událost na kolečko myši, defakto jako by kolečko výbec neexistovalo. A nakonec, to nejlepší, nefungují posuvníky. Takže posouvání obsahu v overflowovaném elementu jde pouze pomocí JavaScriptu, posuvníky jsou k ničemu.

Doufám, že vám tyto poznatky ušetří čas s tvorbou vlastních akcelerátoru a výstřižků.