WML v malíčku – časovače

Časovač ve WML dokáže provést přesměrování na jakoukoli kartu či stránku. Snadno tak vytvoříme úvodní obrazovku s obrázkem nebo uvítacím textem. Podpora časovače v mobilních telefonech je až překvapivě uspokojivá.

S časovačem lze také vytvořit krátkou animaci spočívající v sérii karet za sebou. Pomocí jejich přesměrování lze vytvořit smyčku a cokoli tak zanimovat, třeba i obrázky. Vytváření dlouhých animací a důmyslných smyček ale nelze doporučit, protože každý návštěvník wapu má velmi malou trpělivost, způsobenou vysokou cenou za minutu připojení.

Časovač se vkládá pomocí elementu <timer /> dovnitř nějaké karty. Pomocí atributu value udáváme prodlevu do aktivování časovače v desetinách sekundy. Chceme-li tedy vytvořit prodlevu 5 vteřin, bude element <timer value="50" />. Po aktivování časovače bude vyvolána akce, tedy přechod na jinou kartu či stránku. Její adresu zadáme do atributu ontimer do elementu card karty, kde je časovač umístěn. Více nám ukáže příklad p19.wml:

<?xml version=“1.0″ encoding=“ISO-8859-2″?>
<!DOCTYPE wml PUBLIC „-//WAPFORUM//DTD WML 1.1//EN“
          „http://www.wapforum.org/DTD/wml_1.1.xml“>
<wml>
  <card ontimer=“#druhakarta“>
    <timer value=“50″/>
    <p align=“center“>
      Za pět vteřin budete přesměrováni na další kartu!
    </p>
  </card>
  <card id=“druhakarta“>
    Pět vteřin uplynulo, vítejte na druhé kartě!
  </card>
</wml>

V našem případě přesměrování proběhlo na druhou kartu ve stejném souboru. Podobným způsobem lze vytvořit efektivní úvodní stránky do našeho sídla. Přesto ale doporučuji ještě první kartu doplnit odkazem pro případ, že by přesměrování neproběhlo.

Jak již bylo zmíněno, můžeme pomocí časovačů vytvářet krátké animace. Začneme animací obyčejného textu, který na sebe upozorní tím, že se dvakrát za vteřinu změní z normálního na zvýrazněný a zpět. Zde je příklad p20.wml:

<?xml version=“1.0″ encoding=“ISO-8859-2″?>
<!DOCTYPE wml PUBLIC „-//WAPFORUM//DTD WML 1.1//EN“
          „http://www.wapforum.org/DTD/wml_1.1.xml“>
<wml>
  <card id=“prvnikarta“ ontimer=“#druhakarta“>
    <timer value=“50″/>
    <p align=“center“>
      Obyčejný text
    </p>
  </card>
  <card id=“druhakarta“ ontimer=“#prvnikarta“>
    <timer value=“50″/>
      Obyčejný text
  </card>
</wml>

Když se řekne slovo „animace“, každý si určitě vybaví obrázky. Jistě, bez těch by to nebylo ono. Oproti předchozímu případu zvýšíme počet kroků v animaci na tři. Také přidáme úvodní stránku, na které návštěvník počká, než se natáhnou všechny obrázky. Zde je příklad p21.wml:

<?xml version=“1.0″ encoding=“ISO-8859-2″?>
<!DOCTYPE wml PUBLIC „-//WAPFORUM//DTD WML 1.1//EN“
          „http://www.wapforum.org/DTD/wml_1.1.xml“>
<wml>
  <card id=“uvod“>
    <p align=“center“>
      <a href=“#karta1″>spustit animaci</a>
    </p>
  </card>
  <card id=“karta1″ ontimer=“#karta2″>
    <timer value=“50″/>
    <p align=“center“>
      <img src=“anim1.wbmp“>
    </p>
  </card>
  <card id=“karta2″ ontimer=“#karta3″>
    <timer value=“50″/>
    <p align=“center“>
      <img src=“anim2.wbmp“>
    </p>
  </card>
  <card id=“karta3″ ontimer=“#karta1″>
    <timer value=“50″/>
    <p align=“center“>
      <img src=“anim3.wbmp“>
    </p>
  </card>
</wml>

Ukázky ze všech článků najdete na http://wap.podklady/1999-2008.interval.cz/slabikarwml/.

Starší komentáře ke článku

Pokud máte zájem o starší komentáře k tomuto článku, naleznete je zde.