Podręcznik użytkownika Anuluj

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.

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ę.

Uwaga:

Kod zachowania jest kodem JavaScript po stronie klienta, co oznacza, że jest uruchamiany w przeglądarkach a nie na serwerach.

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.

Uwaga:

Terminy zachowanie i operacja są terminami programu Dreamweaver, a nie terminami przyjętymi w języku HTML. Z punktu widzenia przeglądarki, operacja nie różni się od kodu JavaScript.

Omówienie panelu Zachowania

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:

Pokaż zdarzenia ustawione

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.

Pokaż wszystkie zdarzenia

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

Dodaj zachowanie (+)

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.

Usuń zdarzenie (–)

Usuwa zaznaczone zdarzenie i operację z listy zachowań.

Przyciski Strzałka w górę i Strzałka w dół

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.

Zdarzenia

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).

Uwaga:

Nazwy zdarzeń w nawiasach są dostępne tylko dla łączy, co oznacza, że zaznaczenie jednej z nazw tych zdarzeń automatycznie dodaje łącze typu null do zaznaczonego elementu strony, a zachowanie dołącza do tego łącza, zamiast do samego elementu. Łącze typu null jest określane w kodzie HTML jako href="javascript:;".

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.

  1. Zaznacz element strony; np. obraz lub łącze.

    Aby dołączyć zachowanie do całej strony, kliknij znacznik <body>, dostępny w lewym dolnym rogu okna Dokument.

  2. Wybierz polecenie Okno > Zachowania.
  3. Kliknij przycisk Plus (+) i zaznacz operację w menu Dodaj zachowanie.

    Operacje nieaktywne nie mogą być wybierane. Niektóre elementy mogą być nieaktywne w sytuacji braku odpowiedniego obiektu w danym dokumencie. Na przykład operacja Control Shockwave lub SWF może być niedostępna, o ile dokument nie zawiera plików Shockwave lub SWF.

    Po zaznaczeniu operacji z listy, na ekranie pojawia się okno dialogowe, w którym można określić parametry i instrukcje tej operacji.

  4. Wpisz parametry operacji i kliknij przycisk OK.

    Wszystkie operacje dostępne w programie Dreamweaver współpracują z nowoczesnymi przeglądarkami. Niektóre operacje nie działają w starszych wersjach przeglądarek, ale nie powodują błędów ich działania.

    Uwaga:

    Wybrane elementy wymagają unikalnych identyfikatorów. Na przykład jeśli chcesz zastosować zachowanie Zamień obraz do obrazu, to musi on posiadać identyfikator. Jeśli natomiast wybrane element nie posiada identyfikatora, to Dreamweaver automatycznie wybierze dla niego określenie.

  5. Domyśle zdarzenie uruchamiające operację jest wyświetlane w kolumnie Zdarzenia. Jeśli nie jest to wybrane zdarzenie uruchamiające, to możesz zaznaczyć inne zdarzenie w menu Zdarzenia. (Aby otworzyć menu Zdarzenia, zaznacz jedno zdarzenie lub operację w panelu Zachowania i kliknij czarną strzałkę skierowaną w dół, wyświetlaną pomiędzy nazwą zdarzenia a nazwą operacji).

Zmiana lub usuwanie zachowania

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

  1. Zaznacz obiekt z przypisanym zachowaniem.
  2. Wybierz polecenie Okno > Zachowania.
  3. Wprowadź określone zmiany:
    • Aby przeprowadzić edycję parametrów operacji, dwukrotnie kliknij jej nazwę lub zaznacz ją i wciśnij klawisz Enter (Windows) lub Return (Macintosh), zmień odpowiednio parametry w oknie dialogowym i kliknij przycisk OK.

    • Aby zmienić kolejność operacji dla danego zdarzenia, zaznacz operację i kliknij strzałkę w górę lub dół. Możesz też zaznaczyć operację, a potem wyciąć ją i wkleić w wybrane nowe miejsce między pozostałymi operacjami.

    • Aby usunąć zachowanie, zaznacz go i kliknij przycisk Minus (–) lub wciśnij klawisz Delete.

Uaktualnianie zachowania

  1. Zaznacz element, który posiada przypisane zachowanie.
  2. Wybierz polecenie Okno > Zachowania lub dwukrotnie kliknij wybrane zachowanie.
  3. Wprowadź zmiany i kliknij przycisk OK w oknie dialogowym zachowania.

    Uaktualnienie obejmie wszystkie przykłady danego zachowanie na określonej stronie. Jeśli inne strony w serwisie zawierają takie zachowanie, to musisz je uaktualniać na każdej stronie oddzielnie.

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).

  1. Wybierz polecenie Okno > Zachowania i zaznacz opcję Pobierz więcej zachowań w menu Dodaj zachowanie.

    Na komputerze uruchomi się podstawowa przeglądarka i serwis Exchange.

  2. Przejrzyj lub wyszukaj odpowiednie pakiety.
  3. Pobierz i zainstaluj wybrany pakiet rozszerzenia.

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

Pomoc dostępna szybciej i łatwiej

Nowy użytkownik?