Używanie zachowań JavaScript (instrukcje ogólne)

Zachowania programu Adobe Dreamweaver umieszczają kod JavaScript w dokumentach tak, by ich czytelnicy mogli zmieniać strony na różne sposoby lub rozpoczynać określone zadania. Zachowanie jest połączeniem zdarzenia i operacji uruchamianej przez to zdarzenie. W panelu Zachowania można dodawać wybrane zachowanie do określonej strony poprzez określenie operacji i zdarzenia uruchamiającego tę operację.

Zdarzenia to właściwie komunikaty generowane przez przeglądarki wskazujące, że odwiedzający stronę wykonał jakąś czynność. Na przykład, kiedy odwiedzający przesuwa wskaźnik nad łączem, przeglądarka generuje zdarzenie onMouseOver dla tego łącza; przeglądarka następnie sprawdza, czy powinna wywołać jakiś kod JavaScript (określony na przeglądanej stronie) w odpowiedzi. Różne zdarzenia są definiowane dla różnych elementów strony; na przykład w większości przeglądarek onMouseOver i onClick to zdarzenia kojarzone z łączami, podczas gdy onLoad to zdarzenie kojarzone z obrazami i z sekcją body dokumentu.

Akcja to wcześniej napisany kod JavaScript służący do wykonywania zadania, takiego jak otwieranie okna przeglądarki, pokazywanie lub ukrywanie elementu AP, odtwarzanie dźwięku lub zatrzymywanie filmu Adobe Shockwave. Akcje dostarczane z programem Dreamweaver zapewniają maksymalną zgodność między przeglądarkami.

Po dołączeniu zachowania do elementu strony, zachowanie wywołuje akcję (kod JavaScript) skojarzoną ze zdarzeniem za każdym razem, gdy to zdarzenie występuje dla tego elementu. (Zdarzenia, których można użyć do wyzwolenia określonej akcji, różnią się w zależności od przeglądarki.)Na przykład, jeśli dołączysz akcję Popup Message do łącza i określisz, że zostanie wyzwolona zdarzeniem onMouseOver, to komunikat pojawi się za każdym razem, gdy ktoś umieści wskaźnik nad tym łączem.

Jedno zdarzenie może wyzwolić kilka różnych akcji, a można określić kolejność, w jakiej te akcje występują.

Program Dreamweaver zapewnia około dwudziestu akcji; dodatkowe akcje można znaleźć na stronie Exchange pod adresem www.adobe.com/go/dreamweaver_exchange, a także na stronach zewnętrznych deweloperów. Można napisać własne akcje, jeśli dobrze zna się JavaScript.

Omówienie panelu Zachowania

Do dołączania zachowań do elementów strony (dokładniej do tagów) i modyfikowania parametrów wcześniej dołączonych zachowań używa się panelu Zachowania (Okno > Zachowania).

Zachowania, które zostały już dołączone do aktualnie wybranego elementu strony, pojawiają się na liście zachowań (główny obszar panelu), wymienione alfabetycznie według zdarzeń. Jeśli kilka akcji zostanie wymienionych w tym samym zdarzeniu, będą one wykonywane w kolejności, w jakiej pojawiają się na liście.Jeśli na liście zachowań nie ma żadnych zachowań, żadne zachowania nie zostały dołączone do aktualnie wybranego elementu.

Panel Zachowania posiada następujące opcje:

Wyświetla tylko te zdarzenia, które zostały dołączone do bieżącego dokumentu. Zdarzenia są organizowane w kategoriach po stronie klienta i po stronie serwera. Zdarzenia każdej kategorii są umieszczane na zwijanych listach. Pokaż zdarzenia stanu to widok domyślny.

Wyświetla alfabetycznie ułożoną listę wszystkich zdarzeń dla danej kategorii.

Wyświetla menu akcji, które można dołączyć do aktualnie wybranego elementu. Po wybraniu akcji z tej listy pojawia się okno dialogowe, w którym można określić parametry akcji. Jeśli wszystkie akcje są wyszarzone, wybrany element nie może generować żadnych zdarzeń.

Usuwa zaznaczone zdarzenie i operację z listy zachowań.

Przesuń wybraną akcję w górę lub w dół na liście zachowań dla określonego zdarzenia. Można zmienić kolejność akcji tylko w przypadku określonego zdarzenia — na przykład można zmienić kolejność, w jakiej kilka akcji występuje w przypadku zdarzenia onLoad, ale wszystkie akcje onLoad pozostają razem na liście zachowań.Przyciski strzałek są wyłączone dla akcji, których nie można przenieść w górę lub w dół na liście.

Wyświetla menu widoczne tylko po zaznaczeniu zdarzenia, z grupy zdarzeń uruchamianych daną operacją (menu to jest wyświetlane po kliknięciu przycisku strzałki obok nazwy zaznaczonego zdarzenia). Na ekranie pojawiają się różne zdarzenia w zależności od zaznaczonego obiektu. Jeśli na ekranie nie ma oczekiwanych zdarzeń, upewnij się, że zaznaczono odpowiedni element strony lub znacznik. (Aby zaznaczyć konkretny znacznik, użyj selektora znaczników, który znajduje się w lewym dolnym rogu okna Dokument).

Omówienie zdarzeń

Każda przeglądarka udostępnia zestaw zdarzeń, które można powiązać z akcjami wymienionymi w menu Akcje (+) panelu Zachowanie.Kiedy osoba odwiedzająca stronę internetową wchodzi w interakcję ze stroną — na przykład przez kliknięcie obrazu — przeglądarka generuje zdarzenia; te zdarzenia można wykorzystać do wywołania funkcji JavaScript, które wykonują akcję.Program Dreamweaver dostarcza wiele typowych operacji, które można wywołać za pomocą tych zdarzeń.

Nazwy i opisy zdarzeń dostarczanych przez każdą przeglądarkę można znaleźć w Centrum obsługi Dreamweaver pod adresem www.adobe.com/go/dreamweaver_support.

Różne zdarzenia pojawiają się w menu Zdarzenia w zależności od wybranego obiektu.Aby dowiedzieć się, jakie zdarzenia dana przeglądarka obsługuje dla danego elementu strony, wstaw element strony do dokumentu i dołącz zachowanie do niego, a następnie spójrz na menu Zdarzenia w panelu Zachowania.(Domyślnie zdarzenia pochodzą z listy zdarzeń HTML 4.01 i są obsługiwane przez większość nowoczesnych przeglądarek.)Zdarzenia mogą być wyłączone (przyciemnione), jeśli odpowiednie obiekty jeszcze nie istnieją na stronie lub jeśli wybrany obiekt nie może otrzymywać zdarzeń.Jeśli oczekiwane zdarzenia nie pojawiają się, upewnij się, że wybrany jest właściwy obiekt.

Jeśli dołączasz zachowanie do obrazu, niektóre zdarzenia (takie jak onMouseOver) pojawiają się w nawiasach.Te zdarzenia są dostępne tylko w przypadku linków.Po wybraniu jednego z nich Dreamweaver otacza obraz znacznikiem <a>, aby zdefiniować pusty link.Pusty link jest reprezentowany przez javascript:; w polu Link inspektora właściwości.Wartość linku można zmienić, aby przekształcić go w prawdziwy link do innej strony, ale usunięcie linku JavaScript bez zastąpienia go innym linkiem spowoduje usunięcie zachowania.

Aby zobaczyć, których znaczników można użyć z danym zdarzeniem w danej przeglądarce, wyszukaj zdarzenie w jednym z plików w folderze Dreamweaver/Configuration/Behaviors/Events.

Stosowanie zachowania

Można dołączyć zachowania do całego dokumentu (czyli do znacznika <body>) lub do linków, obrazów, elementów formularza i kilku innych elementów HTML.

Wybrana przeglądarka docelowa określa, które zdarzenia są obsługiwane dla danego elementu.

Można określić więcej niż jedną akcję dla każdego zdarzenia.Akcje występują w kolejności, w jakiej są wymienione w kolumnie Akcje panelu Zachowania, ale można zmienić tę kolejność.

Zmiana lub usuwanie zachowania

Po dołączeniu zachowania można zmienić zdarzenie wyzwalające akcję, dodać lub usunąć akcje oraz zmienić parametry akcji.

Uaktualnianie zachowania

Pobierz i zainstaluj zachowania stron trzecich

Wiele rozszerzeń jest dostępnych w witrynie Exchange for Dreamweaver (www.adobe.com/go/dreamweaver_exchange).

Więcej informacji można znaleźć w sekcji Dodawanie i zarządzanie rozszerzeniami w programie Dreamweaver.