Použití vestavěných chování jazyka JavaScript

Aplikování zabudovaných chování

Chování dodávaná s aplikací Dreamweaver byla naprogramována pro práci v moderních prohlížečích.Ve starších prohlížečích chování nefungují, ale nevyvolají chybu.

Ačkoli byly akce aplikace Dreamweaver naprogramovány pro maximální kompatibilitu mezi prohlížeči, některé prohlížeče JavaScript vůbec nepodporují a mnoho lidí, kteří procházejí web, má ve svých prohlížečích JavaScript vypnutý. Pro nejlepší výsledky napříč platformami zajistěte alternativní rozhraní uzavřená v značkách <noscript>, aby lidé bez JavaScript mohli váš web používat.

Aplikování chování Zavolat JavaScript

Chování Call JavaScript provádí vlastní funkci nebo řádek kódu v JavaScriptu, když nastane událost.(Skript si můžete napsat sami, nebo můžete použít kód poskytovaný různými volně dostupnými JavaScript knihovnami na webu.)

Aplikování chování Změnit vlastnost

Použijte chování Change Property ke změně hodnoty jedné z vlastností objektu (například barvy pozadí divu nebo akce formuláře).

Aplikování chování Kontrola zásuvného modulu

Použijte chování Check Plugin k odeslání navštěvníků na různé stránky v závislosti na tom, zda mají nainstalovaný zadaný zásuvný modul. Například můžete chtít, aby návštěvníci šli na jednu stránku, pokud mají Shockwave, a na jinou stránku, pokud nemají.

Aplikování chování Přetažení AP elementu

Chování Přetáhnout prvek AP umožňuje návštěvníkovi přetahovat absolutně umístěný (AP) prvek.Pomocí tohoto chování vytvoříte skládačky, posuvníky a další pohyblivé prvky rozhraní.

Můžete určit, jakým směrem může návštěvník přetáhnout prvek AP (vodorovně, svisle nebo libovolným směrem), cíl, na který má návštěvník prvek AP přetáhnout, zda se má prvek AP k cíli přichytit, pokud je prvek AP v určité vzdálenosti od cíle v pixelech, co se má stát, když prvek AP dosáhne cíle, a další možnosti.

Protože chování Drag AP Element musí být vyvoláno dříve, než může návštěvník přetáhnout prvek AP, měli byste připojit Drag AP Element k objektu body (s událostí onLoad).

Získání informací o AP elementu, který lze přetáhnout

Když připojíte chování Přetáhnout prvek AP k objektu, aplikace Dreamweaver vloží funkci MM_dragLayer() do sekce záhlaví vašeho dokumentu. (Tato funkce si ponechává původní konvenci pojmenování pro prvky AP [tedy „Vrstva"], takže vrstvy vytvořené v předchozích verzích Dreamweaveru zůstanou upravitelné.)Kromě registrace prvku AP jako přetahovatelného tato funkce definuje tři vlastnosti pro každý přetahovatelný prvek AP—MM_LEFTRIGHT, MM_UPDOWN a MM_SNAPPED—které můžete použít ve vlastních funkcích JavaScript k určení relativní horizontální pozice prvku AP, relativní vertikální pozice prvku AP a toho, zda prvek AP dosáhl cíle přetažení.

Například následující funkce zobrazuje hodnotu vlastnosti MM_UPDOWN (aktuální svislou pozici prvku AP) v poli formuláře zvaném curPosField.(Pole formuláře jsou užitečná pro zobrazování průběžně aktualizovaných informací, protože jsou dynamická—to znamená, že můžete změnit jejich obsah i poté, co se stránka načte.)

function getPos(layerId){

var layerRef = document.getElementById(layerId);

var curVertPos = layerRef.MM_UPDOWN;

document.tracking.curPosField.value = curVertPos;

}

Namísto zobrazování hodnot MM_UPDOWN nebo MM_LEFTRIGHT v poli formuláře můžete tyto hodnoty použít mnoha dalšími způsoby. Můžete například napsat funkci, která zobrazí zprávu v poli formuláře v závislosti na tom, jak blízko je hodnota k cílové zóně, nebo můžete zavolat další funkci pro zobrazení či skrytí elementu AP v závislosti na hodnotě.

Čtení vlastnosti MM_SNAPPED je obzvlášť užitečné, když máte na stránce několik elementů AP, které všechny musí dosáhnout svých cílů předtím, než může návštěvník postoupit na další stránku nebo úlohu. Můžete například napsat funkci pro počítání, kolik elementů AP má hodnotu MM_SNAPPED rovnu true a zavolat ji pokaždé, když je element AP upuštěn. Když počet přichycených dosáhne požadovaného čísla, můžete poslat návštěvníka na další stránku nebo zobrazit blahopřejnou zprávu.

Aplikování chování Jít na URL

Chování Go To URL otevře novou stránku v aktuálním okně nebo v zadaném rámci. Toto chování je užitečné pro změnu obsahu dvou nebo více rámců jedním kliknutím.

Aplikování chování Nabídka odkazů

Když vytvoříte skokovou nabídku pomocí Vložit > Formulář > Skokovou nabídku, aplikace Dreamweaver vytvoří objekt nabídky a připojí k němu chování Jump Menu (nebo Jump Menu Go). Obvykle není potřeba připojit chování Jump Menu k objektu ručně.

Existující skokovou nabídku můžete upravit jedním ze dvou způsobů:

• Můžete upravovat a přeskupovat položky nabídky, měnit soubory, na které se má přejít, a měnit okno, ve kterém se tyto soubory otevřou, dvojím kliknutím na stávající chování Jump Menu v panelu Behaviors.

• Položky v nabídce můžete upravovat stejně jako položky v jakékoli jiné nabídce – výběrem nabídky a použitím tlačítka List Values v panelu Property inspector.

Aplikování chování Nabídka odkazů – Přejít

Chování Jump Menu Go úzce souvisí s chováním Jump Menu; Jump Menu Go vám umožňuje přidružit tlačítko Go k rozbalovací nabídce.(Před použitím tohoto chování musí v dokumentu již existovat rozbalovací nabídka.)Kliknutím na tlačítko Přejít se otevře odkaz vybraný v rozbalovací nabídce.Rozbalovací nabídka obvykle nepotřebuje tlačítko Přejít; výběr položky z rozbalovací nabídky obecně způsobí načtení URL bez potřeby dalšího zásahu uživatele.Pokud však návštěvník vybere stejnou položku, která je již v rozbalovací nabídce zvolena, přechod se neuskuteční.Obecně to nevadí, ale pokud se rozbalovací nabídka zobrazí v rámci a položky rozbalovací nabídky odkazují na stránky v jiných rámcích, je často užitečné tlačítko Přejít, které návštěvníkům umožní znovu vybrat položku, která je již v rozbalovací nabídce vybrána.

Aplikování chování Otevřít okno prohlížeče

Použijte chování Otevřít okno prohlížeče k otevření stránky v novém okně. Můžete určit vlastnosti nového okna, včetně jeho velikosti, atributů (zda lze měnit jeho velikost, má panel nabídek atd.) a názvu. Například můžete toto chování použít k otevření většího obrázku v samostatném okně, když návštěvník klikne na miniaturní obrázek. Pomocí tohoto chování můžete nastavit nové okno na přesnou velikost obrázku.

Pokud neurčíte žádné atributy okna, otevře se ve velikosti a s atributy okna, ze kterého se otevřelo.Určení jakéhokoli atributu okna automaticky vypne všechny ostatní atributy, které nejsou explicitně zapnuty. Například pokud nenastavíte žádné atributy okna, může se otevřít ve velikosti 1024 × 768 pixelů a mít navigační panel (zobrazující tlačítka Zpět, Vpřed, Domů a Znovu načíst), panel nástrojů umístění (zobrazující URL), stavový řádek (zobrazující stavové zprávy ve spodní části) a panel nabídek (zobrazující nabídky Soubor, Upravit, Zobrazit a další). Pokud explicitně nastavíte šířku na 640 a výšku na 480 a nenastavíte žádné další atributy, okno se otevře ve velikosti 640 × 480 pixelů bez panelů nástrojů.

Aplikování chování Rozbalovací zpráva

Chování Automaticky otevírané okno se zprávou zobrazí upozornění JavaScript se zprávou, kterou určíte. Protože upozornění JavaScript mají pouze jedno tlačítko (OK), použijte toto chování spíše k poskytnutí informací uživateli než k předložení volby.

Do textu můžete vložit jakékoli platné volání funkce JavaScript, vlastnost, globální proměnnou nebo jiný výraz.Pro vložení JavaScript výrazu ho umístěte do složených závorek ({}).Pro zobrazení složené závorky ji předřaďte zpětným lomítkem (\{).

Například:

URL této stránky je {window.location} a dnes je {new Date()}.

Aplikování chování Načíst obrazy předem

Chování Přednahrát obrázky zkracuje čas zobrazení uložením obrázků do vyrovnávací paměti, které se nezobrazí, když se stránka zobrazí poprvé (například obrázky, které budou vyměněny pomocí chování nebo skriptů).

Aplikování chování Nastavit text rámce

Chování Nastavit text rámce vám umožňuje dynamicky nastavit text rámce a nahradit obsah a formátování rámce obsahem, který zadáte. Obsah může obsahovat jakýkoli platný HTML kód. Toto chování použijte k dynamickému zobrazení informací.

Ačkoli chování Nastavit text rámce nahrazuje formátování rámce, můžete vybrat Zachovat Barva pozadí, aby se zachovaly atributy barvy pozadí stránky a barvy textu.

Do textu můžete vložit jakékoli platné volání JavaScript funkce, vlastnost, globální proměnnou nebo jiný výraz. Pro vložení JavaScript výrazu ho umístěte do složených závorek ({}). Pro zobrazení složené závorky ji předřaďte zpětným lomítkem (\{).

Například:

URL této stránky je {window.location} a dnes je {new Date()}.

Použijte chování Nastavit text kontejneru

Chování Nastavit text kontejneru nahrazuje obsah a formátování existujícího kontejneru (tedy libovolného prvku, který může obsahovat text nebo jiné prvky) na stránce obsahem, který zadáte. Obsahem může být jakýkoli platný zdrojový kód HTML.

Do textu můžete vložit libovolné platné volání funkce JavaScript, vlastnost, globální proměnnou nebo jiný výraz. Výraz JavaScript vložíte tak, že jej umístíte do složených závorek ({}). Chcete-li zobrazit složenou závorku, předřaďte jí zpětné lomítko (\{).

Například:

URL této stránky je {window.location} a dnes je {new Date()}.

Použít chování Nastavit text stavového řádku

Chování Nastavit text stavového řádku zobrazí zprávu ve stavovém řádku v levém dolním rohu okna prohlížeče. Toto chování můžete například použít k popisu cíle odkazu ve stavovém řádku místo zobrazení přidružené adresy URL. Návštěvníci často ignorují nebo přehlížejí zprávy ve stavovém řádku (a ne všechny prohlížeče poskytují plnou podporu pro nastavování textu stavového řádku); pokud je vaše zpráva důležitá, zvažte její zobrazení jako vyskakovací zprávu nebo jako text prvku AP.

Do textu můžete vložit libovolné platné volání funkce JavaScript, vlastnost, globální proměnnou nebo jiný výraz. Výraz JavaScript vložíte tak, že jej umístíte do složených závorek ({}). Chcete-li zobrazit složenou závorku, předřaďte jí zpětné lomítko (\{).

Například:

URL této stránky je {window.location} a dnes je {new Date()}.

Použít chování Nastavit text textového pole

Chování Nastavit text textového pole nahradí obsah textového pole formuláře obsahem, který zadáte.

Do textu můžete vložit libovolné platné volání funkce JavaScript, vlastnost, globální proměnnou nebo jiný výraz. Výraz JavaScript vložíte tak, že jej umístíte do složených závorek ({}). Složenou závorku zobrazíte tak, že před ni umístíte zpětné lomítko (\{).

Například:

URL této stránky je {window.location} a dnes je {new Date()}.

Vytvoření pojmenovaného textového pole

Aplikování Nastavit text textového pole

Aplikování chování Zobrazit-skrýt elementy

Chování Zobrazit-skrýt prvky zobrazuje, skrývá nebo obnovuje výchozí viditelnost jednoho nebo více prvků stránky. Toto chování je užitečné pro zobrazování informací, když uživatel pracuje se stránkou. Například když uživatel přesune ukazatel nad obrázek rostliny, můžete zobrazit prvek stránky s podrobnostmi o období růstu a oblasti rostliny, kolik slunce potřebuje, jak velká může být atd. Chování pouze zobrazuje nebo skrývá příslušný prvek – ve skutečnosti prvek z toku stránky neodstraňuje, když je skrytý.

Toto chování bylo označeno jako zastaralé od verze Dreamweaver CS5.

Aplikování chování Zaměnit obraz

Chování Vyměnit obrázek vymění jeden obrázek za jiný změnou atributu src značky <img>.Toto chování použijte k vytvoření rolovacích efektů tlačítek a jiných obrazových efektů (včetně výměny více něž jednoho obrázku najednou). Vložení rolovacího obrázku automaticky přidá na stránku chování Vyměnit obrázek.

Existuje také chování Obnovit vyměněný obrázek, které obnoví poslední sadu vyměněných obrázků do jejich předchozích zdrojových souborů.Toto chování se automaticky přidá při připojení chování Vyměnit obrázek k objektu; pokud necháte možnost Obnovit vybranou při připojování chování Vyměnit obrázek, neměli byste nikdy potřebovat vybrat chování Obnovit vyměněný obrázek ručně.

Aplikování chování Ověřit formulář

Chování Oveření platnosti formuláře kontroluje obsah zadaných textových polí, aby se ujistilo, že uživatel zadal správný typ dat.Připojte toto chování k jednotlivým textovým polím s událostí onBlur, aby se pole ověřila během vyplňování formuláře uživatelem, nebo je připojte k formuláři s událostí onSubmit, abyste vyhodnotili několik textových polí najednou, když uživatel klikne na tlačítko Odeslat.Připojení tohoto chování k formuláři zabrání odeslání formulářů s neplatnými daty.

Další podobné

• Vložení nebo změna dynamické nabídky formuláře HTML
• Vytváření rámců a sad rámců