Práce s funkcemi JavaScriptu (obecné pokyny)

Chování aplikace Adobe Dreamweaver vkládají do dokumentů kód JavaScript, díky kterému mohou návštěvníci různým způsobem měnit webové stránky nebo spouštět určité úlohy. Chování je kombinace události a akce vyvolané touto událostí. v panelu Chování přidáte chování na stránku tak, že vyberete akci a pak vyberete událost, která tuto akci vyvolá.

Události jsou v podstatě zprávy generované prohlížeči, které označují, že návštěvník stránky něco provedl.Například, když návštěvník přesune ukazatel na odkaz, prohlížeč vygeneruje událost onMouseOver pro tento odkaz; prohlížeč pak zkontroluje, zda má zavolat nějaký kód JavaScript (specifikovaný na prohlížené stránce) jako odpověď.Pro různé prvky stránky jsou definovány různé události; například ve většině prohlížečů jsou onMouseOver a onClick události spojené s odkazy, zatímco onLoad je událost spojená s obrázky a se sekcí body dokumentu.

Akce je předem napsaný kód JavaScript pro provádění úkolu, jako je otevření okna prohlížeče, zobrazení nebo skrytí prvku AP, přehrání zvuku nebo zastavení filmu Adobe Shockwave. Akce poskytované s aplikací Dreamweaver poskytují maximální kompatibilitu mezi prohlížeči.

Poté, co připojíte chování k prvku stránky, chování zavolá akci (kód JavaScript) spojenou s událostí vždy, když se tato událost pro daný prvek vyskytne.(Události, které můžete použít k spuštění dané akce, se liší od prohlížeče k prohlížeči.)Například, pokud připojíte akci Popup Message k odkazu a specifikujete, že bude spuštěna událostí onMouseOver, pak se vaše zpráva zobrazí vždy, když někdo umístí ukazatel na tento odkaz.

Jedna událost může spustit několik různých akcí a můžete specifikovat pořadí, ve kterém se tyto akce vyskytnou.

Dreamweaver poskytuje asi dva tucty akcí; další akce lze najít na webu Exchange na www.adobe.com/go/dreamweaver_exchange a také na webech vývojářů třetích stran.Můžete napsat své vlastní akce, pokud dobře ovládáte JavaScript.

Panel Chování – přehled

Panel Chování (Okno > Chování) používáte k připojení chování k prvkům stránky (přesněji řečeno ke značkám) a k úpravě parametrů dříve připojených chování.

Chování, která již byla připojena k aktuálně vybranému prvku stránky, se zobrazují v seznamu chování (hlavní oblast panelu), seřazená abecedně podle události.Pokud je pro tutéž událost uvedeno několik akcí, budou provedeny v pořadí, v jakém se objevují v seznamu.Pokud se v seznamu chování nezobrazují žádná chování, k aktuálně vybranému prvku nebyla připojena žádná chování.

v panelu Chování jsou následující volby:

Zobrazuje pouze ty události, které byly připojeny k aktuálnímu dokumentu.Události jsou rozděleny do kategorií na straně klienta a na straně serveru. Události řazené do jednotlivých kategorií jsou zobrazeny ve sbalitelných seznamech. Zobrazit nastavené události je výchozí zobrazení.

Zobrazí abecední seznam všech událostí v dané kategorii.

Zobrazuje nabídku akcí, které mohou být připojeny k aktuálně vybranému prvku.Když z tohoto seznamu vyberete akci, zobrazí se dialogové okno, ve kterém můžete zadat parametry pro akci.Pokud jsou všechny akce ztlumené, vybraný prvek nemůže generovat žádné události.

Odstraní vybranou událost a akci ze seznamu chování.

Přesuňte vybranou akci nahoru nebo dolů v seznamu chování pro konkrétní událost.Pořadí akcí můžete změnit pouze pro konkrétní událost – například můžete změnit pořadí, ve kterém se několik akcí vyskytuje pro událost onLoad, ale všechny akce onLoad zůstanou pohromadě v seznamu chování.Tlačítka se šipkami jsou zakázána pro akce, které nelze přesunout nahoru nebo dolů v seznamu.

Zobrazí rozbalovací nabídku všech událostí, které mohou spustit akci, které je vidět jen pokud je vybrána událost (tato nabídka se zobrazí, pokud klepnete na tlačítko se šipkou u názvu vybrané události). Podle toho, jaký objekt je vybrán, se zobrazují různé události. Pokud se nezobrazí očekávané události, zkontrolujte, zda jste vybrali správný prvek stránky nebo tag. (Konkrétní tag vyberete pomocí selektoru tagů v levém dolním rohu okna Dokument.)

O událostech

Každý prohlížeč poskytuje sadu událostí, které můžete přiřadit k akcím uvedeným v nabídce Akce (+) panelu Chování.Když návštěvník vaší web stránky interaguje se stránkou – například kliknutím na obrázek – prohlížeč generuje události; tyto události lze použít k zavolání JavaScript funkcí, které provádějí akci.Dreamweaver poskytuje mnohé běžné akce, které můžete spustit pomocí těchto událostí.

Názvy a popisy událostí poskytovaných jednotlivými prohlížeči najdete v Centru podpory Dreamweaver na adrese www.adobe.com/go/dreamweaver_support.

V nabídce Události se zobrazují různé události v závislosti na vybraném objektu.Chcete-li zjistit, jaké události daný prohlížeč podporuje pro daný prvek stránky, vložte prvek stránky do dokumentu a připojte k němu chování, poté se podívejte do nabídky Události v panelu Chování.(Ve výchozím nastavení jsou události převzaty ze seznamu událostí HTML 4.01 a jsou podporovány většinou moderních prohlížečů.)Události mohou být zakázané (ztlumené), pokud příslušné objekty na stránce ještě neexistují nebo pokud vybraný objekt nemůže přijímat události.Pokud se očekávané události neobjeví, ujistěte se, že je vybrán správný objekt.

Pokud připojujete chování k obrázku, některé události (například onMouseOver) se zobrazují v závorkách.Tyto události jsou dostupné pouze pro odkazy.Když jednu z nich vyberete, Dreamweaver obalí obrázek značkou <a> a definuje tak nulový odkaz.Nulový odkaz je reprezentován hodnotou javascript:; v poli Odkaz inspektoru vlastností.Hodnotu odkazu můžete změnit, pokud jej chcete převést na skutečný odkaz na jinou stránku, ale pokud odkaz JavaScript smažete, aniž byste jej nahradili jiným odkazem, odeberete chování.

Chcete-li zjistit, které značky můžete použít s danou událostí v daném prohlížeči, vyhledejte událost v jednom ze souborů ve složce Dreamweaver/Configuration/Behaviors/Events.

Použití chování

Chování můžete připojit k celému dokumentu (tedy ke značce <body>) nebo k odkazům, obrázkům, prvkům formulářů a několika dalším HTML prvkům.

Cílový prohlížeč, který vyberete, určuje, které události jsou podporovány pro daný prvek.

Pro každou událost můžete určit více než jednu akci.Akce probíhají v pořadí, ve kterém jsou uvedeny ve sloupci Akce panelu Chování, ale toto pořadí můžete změnit.

Změny nebo odstranění chování

Po připojení chování můžete změnit událost, která spouští akci, přidat nebo odebrat akce a změnit parametry pro akce.

Aktualizace chování

Stáhnout a nainstalovat chování třetích stran

Mnoho rozšíření je k dispozici na webu Exchange pro Dreamweaver (www.adobe.com/go/dreamweaver_exchange).

Další informace naleznete v tématu Přidávání a správa rozšíření v aplikaci Dreamweaver.