Flashový kalendář – vložení do stránky

Pokud chcete vložit kalendář do HTML stránky, můžete použít dvou postupů: vložení pomocí značky <object></object> nebo JavaScriptem Swfobject. První způsob (pomocí HTML značek) používá jednoduchá varianta kalendáře, druhý způsob využívají zbylé varianty: jednoduchá s JavaScriptem a plná. Odpovídající příklady jsou uvedeny ve zdrojových kódech verzí v souboru kalendar.html.

Velkou výhodou vložení pomocí JavaScriptu je, že klient, který si stránky prohlíží, bude – pokud používá nedostačující verzi přehrávače Flash – upozorněn na to, že má nedostačující verzi, resp. že nemá nainstalovaný přehrávač Flashe. Rovněž zadávání proměnných pro konfiguraci kalendáře je snazší. Na nároky serveru si tento způsob vkládání neklade žádné nároky, klient musí mít (a to většinou má) zapnutý JavaScript. Pokud jej zapnutý nemá, je na to opět upozorněn.

Vložení pomocí značky <object></object>

Tento způsob vkládání používá jednoduchá varianta kalendáře. Není zde zapotřebí žádný JavaScript, jde o holé HTML. Do míst v těle stránky, kam chcete kalendář umístit, vložte následující HTML kód:

<!--[if !IE]> -->
<object type="application/x-shockwave-flash" data="kalendar.swf" width="171" height="195" id="kalendar">
<!-- <![endif]-->
<!--[if IE]>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="200" height="200" id="kalendar">
  <param name="movie" value="kalendar.swf" />
<!-->
  <param name="menu" value="false" />
  <param name="play" value="false" />
  <param name="quality" value="best" />
  <param name="scale" value="showall" />
  <param name="devicefont" value="true" />
  <param name="allowFullScreen" value="false" />
  <param name="wmode" value="opaque" />
  <!-- ZDE VLOŽTE NASTAVENÍ KALENDÁŘE ZAČÁTEK -->

  <!-- ZDE VLOŽTE NASTAVENÍ KALENDÁŘE KONEC -->
  <p>
    Prosím, nainstalujte si <a href="http://get.adobe.com/flashplayer/" rel="external" title="Nainstalujte nejnovější Flash Player">Adobe Flash Player</a> nebo povolte zablokovaný aktivní obsah.
    </p>
</object>

Mezi <!-- ZDE VLOŽTE NASTAVENÍ KALENDÁŘE ZAČÁTEK --> a <!-- ZDE VLOŽTE NASTAVENÍ KALENDÁŘE KONEC --> můžete vložit značku s nastavením kalendáře. Pokud si chcete ulehčit práci, použijte generátor nastavení.

Vložení pomocí JavaScriptu

Tuto verzi používají varianty kalendáře jednoduchá s JavaScriptem a plná. Výhodou je, že klient, který si stránky prohlíží, bude – pokud používá nedostačující verzi přehrávače Flash – upozorněn na to, že má nedostačující verzi. Rovněž zadávání proměnných pro konfiguraci kalendáře je snazší.

Pokud si stáhne jednu z těchto variant v archívu zip, naleznete tam připraveny všechny potřebné soubory.

Do hlavičky stránky je potřeba umístit následující kód:

<script type="text/javascript" src="scripts/swfobject.js"></script>
<script type="text/javascript">
  var flashvars = {};
  /* ******* ZDE VLOŽTE NASTAVENÍ KALENDÁŘE ZAČÁTEK ****** */

  /* ******* ZDE VLOŽTE NASTAVENÍ KALENDÁŘE KONEC ****** */
  var params = {};
  params.play = "false";
  params.quality = "best";
  params.scale = "showall";
  params.wmode = "opaque";
  params.devicefont = "true";
  params.allowfullscreen = "false";
  var attributes = {};
  attributes.id = "kalendar";
  swfobject.embedSWF("kalendar.swf", "kalendar", "171", "195", "10.0.0", "scripts/expressInstall.swf", flashvars, params, attributes);
</script>

Na prvním řádku je odkaz na soubor s JavaScriptem, který zajišťuje vložení kalendáře do stránky. Přesvědčte se, že cesta k tomuto souboru je správná a že se tento soubor ve složce nachází..

Mezi /* ******* ZDE VLOŽTE NASTAVENÍ KALENDÁŘE ZAČÁTEK ****** */ a /* ******* ZDE VLOŽTE NASTAVENÍ KALENDÁŘE KONEC ****** */ můžete vložit nastavení kalendáře. Pokud si chcete ulehčit práci, použijte generátor nastavení.

Na řádku attributes.id = "identifikator"; je zadán identifikátor (id) HTML prvku, do kterého se kalendář vloží.

Rovněž si zkontrolujte, že cesta k souboru expressInstall.swf uvedená na předposledním řádku je správná a že se tento soubor ve složce nachází.

Dále vložte do těla dokumentu HTML prvek, který obsahuje atribut id="identifikator" (musí souhlasit s identifikátorem uvedeným ve skriptu, například:

<div id="kalendar">
  <a href="http://www.adobe.com/go/getflashplayer">
    <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
  </a>
</div>

Javascript zabezpečí, že se do tohoto prvku správně vloží Flashový kalendář.