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 rzeczywistości komunikaty generowane przez przeglądarki przekazujące odbiorcy informacje o wykonanym działaniu. Na przykład po umieszczeniu kursora nad łączem, przeglądarka generuje zdarzenie onMouseOver dla tego łącza; a przeglądarka sprawdza, czy w odpowiedzi powinna wywołać kod JavaScript (określony na wyświetlanej stronie). Różne zdarzenia są zdefiniowane dla poszczególnych elementów strony, na przykład w większości przeglądarek, onMouseOver i onClick są przypisywane do łączy, podczas gdy onLoad jest zdarzeniem przypisywanym do obrazów i części body dokumentu.

Operacja jest wcześniej napisanym kodem JavaScript przeznaczonym dla wykonania określonego zadania takiego jak otwarcie okna przeglądarki, wyświetlenie lub ukrycie elementu AP, odtworzenie dźwięku lub zatrzymanie filmu Adobe Shockwave. Operacje dołączone do programu Dreamweaver zapewniają maksymalny stopień zgodności pomiędzy przeglądarkami.

Zachowanie dołączone do elementu strony wywołuje operację (kod JavaScript) przypisaną do zdarzenia zawsze wtedy, gdy wystąpi zdarzenie dla tego elementu. (Zdarzenia używane do uruchamiania danej operacji różnią się w zależności od stosowanej przeglądarki). Na przykład przypisanie operacji Wyskakujący komunikat do łącza i przypisanie mu uruchamiania poprzez zdarzenie onMouseOver spowoduje, że komunikat będzie wyświetlany po umieszczeniu kursora nad tym łączem.

Pojedyncze zdarzenie może uruchamiać kilka różnych operacji i możliwe jest określenie ich kolejności.

Program Dreamweaver udostępnia około dwudziestu operacji. Dodatkowe operacje są dostępne w serwisie Exchange www.adobe.com/go/dreamweaver_exchange_pl oraz na stronach firm współpracujących. Jeśli użytkownik umie posługiwać się językiem JavaScript, może sam tworzyć własne operacje.

Panel Zachowania (Okno > Zachowania) jest używany do dołączania zachowań do elementów strony (a właściwie do znaczników) i zmiany parametrów ostatnio przyłączonych zachowań.

Zachowania dołączone do aktualnie zaznaczonego elementu strony są wyświetlane na liście zachowań (główny obszar panelu) i ułożone alfabetycznie według zdarzeń. Jeśli kilka operacji jest umieszczonych na liście dla tego samego zdarzenie, to operacje takie są wykonywane w kolejności zgodniej z rozmieszczeniem na liście. Jeśli na liście nie ma żadnych zachowań, to znaczy, że do zaznaczonego elementu nie przypisano żadnego z nich.

Panel Zachowania posiada następujące opcje:

Wyświetla tylko te zdarzenia, które zostały przypisane 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. Widok Pokaż zdarzenia ustawione jest widokiem domyślnym.

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

Wyświetla menu operacji dołączonych do aktualnie zaznaczonego elementu. Po zaznaczeniu operacji z listy, na ekranie pojawia się okno dialogowe, w którym można określić parametry tej operacji. Jeśli wszystkie operacji są nieaktywne, to zaznaczony element nie może wygenerować jakiegokolwiek zdarzenia.

Usuwa zaznaczone zdarzenie i operację z listy zachowań.

Przenoszą zaznaczoną operację w górę lub dół na liście zachowań dla określonego zdarzenia. Kolejność operacji może być zmieniana tylko dla określonego zdarzenia, na przykład możesz zmienić kolejność operacji dla zdarzenia onLoad, ale wszystkie operacje onLoad pozostaną na liście zachowania. Przyciski strzałek są wyłączane dla operacji, które nie mogą być przenoszone w górę lub dół listy.

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 posiada zestaw zdarzeń, które mogą być przypisywane do operacji umieszczonych w menu Zachowanie, panelu Operacje (+). Działania wykonywane na stronie internetowej (np. kliknięcie obrazu) powodują generowanie zdarzeń, które mogą być użyte do przywołania funkcji JavaScript i wykonania operacji. Program Dreamweaver udostępnia wiele popularnych operacji, które można wyzwalać przez te zdarzenia.

Nazwy i opisy zdarzeń dostępnych w przeglądarkach można obejrzeć na stronie internetowej Dreamweaver Support Center pod adresem www.adobe.com/go/dreamweaver_support_pl.

W zależności od zaznaczonego obiektu, w menu Zdarzenia widoczne są różne pozycje. Aby określić zdarzenia obsługiwane przez daną przeglądarkę dla określonego elementu strony, umieść wybrany element strony w dokumencie, dołącz do niego określone zachowanie i sprawdź informacje wyświetlane w menu Zdarzenia, w panelu Zachowania. (Domyślnie, zdarzenia są przepisywane w listy zdarzeń HTML 4.01 i są obsługiwane przez większość nowoczesnych przeglądarek). Zdarzenia mogą być wyłączane (nieaktywne), jeśli odpowiadających im obiektów nie ma jeszcze na stronie lub jeśli zaznaczony obiekt nie może przyjąć zdarzeń. Jeśli nie widać oczekiwanych zdarzeń, upewnij się, że zaznaczony jest odpowiedni obiekt.

Jeśli dołączasz zachowanie do obrazu, to niektóre zdarzenia (np. onMouseOver) są wyświetlane w nawiasach. Zdarzenia takie są dostępne tylko dla łączy. Po zaznaczeniu jednego z nich program Dreamweaver otacza obraz znacznikiem <a> w celu zdefiniowania łącza typu null. Łącze typu null jest reprezentowane w polu Właściwości, w części Łącze przez javascript:;. Zmiana wartości łącza umożliwia przekształcenie go na realne łącze z inną stroną, ale warto pamiętać, że usunięcie łącza JavaScript bez zastąpienia go innym łączem powoduje usunięcie zachowania.

Aby wyświetlić znaczniki dostępne dla danego zdarzenia w wybranej przeglądarce, należy poszukać tego zdarzenia w jednym z plików w folderze Dreamweaver/Configuration/Behaviors/Events.

Stosowanie zachowania

Zachowania mogą być dołączane do całego dokumentu (do znacznika <body>) lub do łączy, obrazów, elementów formularza i kilku innych elementów HTML.

Zaznaczona przeglądarka docelowa określa zakres obsługiwanych zdarzeń dla wybranego elementu.

Dla każdego ze zdarzeń można wybrać więcej, niż jedną operację. Operacje są wykonywane w kolejności przyjętej na liście kolumny Operacje, w panelu Zachowania, ale mogą być wykonywane w innej kolejności.

Zmiana lub usuwanie zachowania

Po dołączeniu zachowania można zmienić zdarzenie uruchamiające operację, dodać lub usunąć operacje lub zmienić parametry operacji.

Uaktualnianie zachowania

Pobieranie i instalacja zachowań innych firm

Wiele rozszerzeń dla programu Dreamweaver jest dostępnych na stronie internetowej Exchange (www.adobe.com/go/dreamweaver_exchange_pl).

Dodatkowe informacje na ten temat zawiera sekcja Dodawanie rozszerzeń programu Dreamweaver i zarządzanie nimi.