Už tři týdny je tu nová beta 2 Internet Exploreru 8 a vypadá to, že ostrá verze je pomalu na spadnutí. Pojdmě se tedy podívat podrobně co nového přináší pro uživatele a na co bychom se mohli především zaměřit.

...

Nový renderovací mód

O novém standardním renderovacím módu již všichni víme. Tlačitko pro přepnutí do kompatibilního módu s IE7 se přesunulo vpravo vedle adresní řádky a zobrazuje se pouze pokud prohlížeč detekuje, že by bylo vhodné tlačítko zobrazit

Pokud potřebujeme ovlivnit renderovací mód přímo na stránce, můžeme použít meta tag, který jsem popisoval již v minulém článku Microsoft uvolnil první betu Internet Explorer 8.


<meta http-equiv="X-UA-Compatible" content="IE=7" />


V současné verzi je možné použít možnosti IE=8, IE=7 a pro emulaci verze 5.5 je zde hodnota Quirk. Nicméně verzi 5.5 si uživatelé nastavit pomocí Compatible tlačítka nemohou, naštěstí

Pokud nechcete, nebo nemůžete ovlivňovat stránky, ale můžete ovlivnit server, pak lze také posílat HTTP hlavičku:


X-UA-Compatible:IE=EmulateIE7


Web slices - výstřižky

Každý webmaster může na své stránce definovat výstřižky - kousky stránek, které si může uživatel "vystřihnout" ze stránky a nechat si je zobrazovat samostatně. K čemu je to dobré? Např. eBay takto zobrazuje výsledky hledání a vy si můžete takto uložit pro sledování jednotlivé položky. Tyto výstřižky se vám uloží do oblíbených položek, které jsou dostupné přímo v panelu. Při kliknutí se tento výstřižek zobrazí.

Jak to funguje? Jednoduše se udělá HTTP request na danou stránku a zobrazí se jen oblast výstřižku. Ve výstřižku samozřejmě funguje JavaScript, nicméně musíte počítat s tím, že pokud bude interagovat s částmi mimo výstřižek, uživatel to neuvidí.

Jak definovat výstřižek? Web slice má vlastní definici založenou na microformátu hAtom. Obalující element musí mít css třídu hslice a jedinečné id. Dále je nutné nějaký obsahový element označit jako nadpis (entry-title) a další jako obsah (entry-content).



<div class="hslice" id="aichi-time">
<span class="entry-title">Aichiho časový ukazatel</span>
<p class="entry-content">Aktuální čas je: <span id="aichi-time-content"></span></p>
<script type="text/javascript">
document.getElementById('aichi-time-content').innerHTML = new Date();
</script>
</div>


Níže je experimentální výstřižek, který si můžete pokusně přidat. Po najetí na něj myší uvidíte vlevo nahoře zelenou ikonku značící slice.

U každého slice lze nepovinně uvést další parametry. Prvním je ttl parametr, kterým lze ovlivnit jak často se bude uživateli stránka se slicem aktualizovat. Nicméně pokud tato doba bude kratší, než je doba zadaná uživatelem, použije se jeho údaj. Výhozí hodnota v IE8 je nyní nastavena na 1 den, proto nemá moc cenu kratší hodnoty nastavovat.

Druhým parametrem je endtime:


Aukce končí za: <abbr class="endtime" title="2008-02-28T12:00:00-05:00">6 hodin</abbr>


Tímto parametrem je možné určit platnost výstřižku. Pokud výstřižek vyprší, zobrazí se v jeho okně navíc tlačítko pro jeho odstranění. Nicméně v současné betě 2 není funkční.

Accelerators

Accelerátory jsou chytré rozšíření, které jdou aplikovat buďto na dokument nebo na vybraný text.

Akcelerátory se definují pomocí XML. Microsoft také zveřejnil kuchařku jak na akcelerátory. Pokud označíme text, objeví se u něj podobná ikona jako u výstřižku, akorát je modrá. Po kliknutí na ni se rozbalí nabídka s akcelerátory:

V XML je možné definovat "co se stane" při najetí na nabídku v menu a co na kliknutí. Zjednodušeně se dá říct, že se definují dvě URL. Tyto URL lze parametrizovat vlastnostmi jako je např. výška a šířka náhledového okna, název dokumentu, URL dokumentu a další.

Bohaté výsledky hledání - Instant search

Čím jsou bohaté? Grafiku přeci. Jako IE7 a FF umí i IE8 přidávání vyhledávačů pomocí Opensearch formátu. To je známá věc. Nicméně pro IE8, jde tento formát rozšířit tak, aby součástí jedné položky byl např. obrázek:

Jak rozšířit Opensearch formát je zveřejněno opět na MSDN.

Obrázky převzaty z www.microsoft.com/ie8.