Menu

• Hlavní strana
• O mně
• O blogu
• MiniFórum
• Návštěvní kniha

Kategorie

Online teploměr Brno

Uživatelské menu

Archiv

Ostatní

Jak implementovat funkci Web Slice na Váš web?

Web Slice je zajímavá novinka, kterou přinesla nová verze IE8

Nová verze Internet Exploreru 8 přinesla mnoho novinek a nových funkcí. Mezi nimi najdeme funkci (nebo kdo chce, tak technologii) Web Slice - Výstřižky. Co to vlastně je? Uživatel si na webu, který tuto službu podporuje, bude moci vybrat nějakou oblast, kde kliknutím na příslušné zelené tlačítko si tuto oblast přidá do svých výstřižků. Vždy při opětovném kliknutí na odkaz v horní liště se mu zobrazí daná část (výstřižek) stránky v malém panelu. Teď si možná říkáte, k čemu je to dobré? Využití je mnohostranné - čerstvé zprávy, horoskopy, počasí, apod. Implementace této funkce do webu je velmi jednoduchá.

Opravdu nemusíte předělávat celý Váš web, abyste tuto funkci podporovali. V podstatě prohlížeči ukážete, kde bude daný výstřižek, jak bude pojmenován a co bude jeho obsahem. Vše si ukážeme na následujícím příkladě.

K vytvoření výstřižku stačí následující kód:
<div class="hslice" id="nejnovejsi-clanky-webslice"> <h1 class="entry-title">Nadpis Web Slice</h1> <p class="entry-content">Obsah Web Slice</p> </div>

Implementace Web Slice spočívá v identifikaci DIVu obsahující výstřižek, který musí být označen jedinečným identifikátorem ID (v tomto případě "nejnovejsi-clanky-webslice"). Ten stejný DIV musí nést třídu "hslice". Tohle je první krok, kterým prohlížeči ukážete, co má z Vašich stránek vypreparovat. Dále prohlížeči musíme říci, jaký bude nést výstřižek název. To zajistíme tak, že daný tag, který tuto informaci ponese, bude mít třídu "entry-title" (v našem případě h1). To, co budeme chtít v našem Web Slice zobrazit, ponese třídu "entry-content". Tak málo stačí k implementaci Web Slice.

Z osobní zkušenosti musím sdělit několik postřehů. Zjistil jsem, že v obsahu Web Slice nefungují externí CSS styly (inline CSS styly fungují), nefunguje javascript. Dále mohu říci, že největší práci budete mít zřejmě s tím, že Web Slice je taková malinkatá webová stránka, která jediné, co převezme z původního velkého webu, bude CSS styl tagu BODY. A téměř všichni z nás mají pro BODY nadefinované nějaké pozadí. Toto pozadí tedy převezme i Web Slice. Našel jsem způsob, jak toto obejít. Tagu BODY dáte identifikátor ID (třeba BODY) a v CSS místo zápisu body {} použijete #body {}. To je jediná možnost, kterou jsem našel po hodině přemýšlení.

Web Slice má ještě několik dalších možných parametrů, výčet dalších možností najdete na MSDN. Za sebe ovšem mohu říci, že v IE8 Web Slice nepoužívám, vidím v tom takovou módní záležitost. Digitální popelnice Web Slice nabízí na hlavní stránce pro výčet nejnovějších článků. Pokud potřebujete poradit, něco Vám nefunguje, obraťte se se svými příspěvky do komentářů pod tento článek.

Autor: Tom Vydáno: 8.6.2009 16:54 Přečteno: 967x Hodnocení: 2 (hodnoceno 6x) Sdílejte:

Vaše hodnocení: 1 2 3 4 5

Formát pro tisk

Komentáře

Přidat komentář >

---

Pepa -
-
(15.10.2009 20:42) odpovědět

UAC mam samozřejmě zaplé z důvodu bezpečnosti a antivit mam AVAST -- nadmíru spokojenej s touto kombinací! - ještě win7 a jeto :-)

Pepa -
-
(2.10.2009 10:38) odpovědět

Ale i tak jde IE šupem dolů - používal jsem ho, ale po tom, co jsem kvůli němu našel v PC 200 trojanů jsem přešel k Google Chrome, a taky na něj nedám dopustit (na IE prostě nemá )

Tom
odpověděl(a)
(7.10.2009 15:58)

Google Chrome je sice rychlejší, možná i bezpečnější, ale IE8 není o moc pozadu. Jaký máš antivir, máš zaplé UAC?

Pepa -
-
(29.9.2009 17:51) odpovědět

ale jinak je to skoro na nic, protože to funguje jen v IE8 a nikde jinde co já vim tak ne, a IE používá čím dál méně a méně lidí!

Tom
odpověděl(a)
(30.9.2009 18:47)

Funguje to i v FF s nainstalovaným doplňkem a FF používá už hodně lidí. Jinak zase tak moc uživatelů IE neubývá, poslední IE8 je rychlé, spolehlivé a s doplňky, které mám, na něj nedám dopustit.