IE8 Web Slices
06.09.2008 | Gunnar
Kuivõrd IE8 toob endaga kaasa mitmed uuendused, mis puudutavad ka arendajaid, siis teeme siinkohal neist ühega lähemat tutvust. Katseandmetega tervitame toda nostalgilist sööklat, kus me tavaliselt lõunatamas käime. Käesolevat näidet saab aga rakendada iga toitlustusasutus, sõltumata asukohast ja köögist.
Web Slices on tehnoloogia, mille ideeks on lehekülje osade registreerimine infokanalitena. Kui RSS on eraldi formaat ja eeldab eraldi väljundi loomist ning tarkvara, millega seda lugeda (okei, pea kõik brauserid toetavad seda tänapäeval), siis Web Slices võimaldab sarnaselt registreerida jälgimiseks lehekülje osi.
Web slice “Vapustav söökla”
Web Slices ei lähe vastuollu HTML-i standarditega – kõik definitsioonid esitatakse HTML-i elementide class atribuudis. Vaatame järgmist HTML-i.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Vapustav söökla!</title>
</head>
<body>
<form id="form1" runat="server">
<div class="hslice" id="ilms88klas" style="border:1px solid darkgray;padding-left:10px;padding-right:10px;width:300px;">
<h2 class="entry-title">Täna menüüs</h2>
<ul class="entry-content">
<li>MAKARONID!!!!</li>
<li>makaron singi-brokoli kastmega</li>
<li>soomepapist pannkoogid</li>
</ul>
<p>Pirukad: +</p>
<p>Uueneb iga <span class="ttl">2</span> minuti tagant</p>
</div>
</form>
</body>
</html>
Kõrval pildil on näha antud leht, kui seda brauseris vaadata. Kui nüüd hiirega liikuda sinna alasse, siis näitab IE rohelist ikooni, millel klikkides pakutakse antud Web Slice-i lisamist lemmikute hulka.
Web slice-i salvestamisel jäädvustab IE8 selle aadressiribale ning käib vahepeal kontrollimas kas web slice-i on muudetud või ei.
Kuidas on web slice ehitatud?
Vaatame nüüd kuidas see tehtud on. Esiteks on meil HTML-is div, millel klassiks hslice. See defineerib ala, millel toimuvaid muudatusi jälgitakse. entry-title klassiga element defineerib pealkirja, mida näidatakse brauseri järjehoidjate ribal.
Kui jälgitaval alal on toimunud muudatusi, siis kuvab IE8 seda linki paksu pealkirjaga. Nagu näeme, kasutab IE8 seda sama pealkirja, mis talle HTML-is andsime. Kui järjehoidjal klikime, tabab meid näiteks järgmine tume üllatus.
Kui soovime, siis võime liikuda ka lehele, kus kuvatav web slice asub, et leida pakutavale infole lisa.
Kõige lõpuks oli HTML-is toodud selline klass nagu ttl. TTL tähendab time-to-live ehk siis – kui kaua käesolevalt kuvatav info kehtiv on. Peale ttl klassiga elemendis tekstina antud minuteid kontrollib brauser web slice-i uuesti.
Lõpetuseks
Web Slices, nagu nägime, on küllaltki ohutu ja lihtsasti kasutatav tehnoloogia. Selleks, et kõik vajalik brauserile edasi anda, pidime kasutama tavalisi HTML-i elemente ja stiiliklasse. Otsest sõltuvust ühestki konkreetsest HTML-i versioonist meil seejuures pole. Samuti ei nõua Web Slices tehnoloogia brauserilt mingeid erivõimeid ning aurvata võib, et antud tehnoloogia populaarsemaks muutumisel lisatakse Web Slices tugi ka teistesse brauseritesse.