-
Cześć, tu Maciek. Jestem inżynierem
w zespole Google Web Designera.
-
Pokażę, jak używać systemu zdarzeń
-
Google Web Designera.
-
Opowiem, jak skonfigurować
-
moduły obsługi zdarzeń w dokumentach.
-
Mam tu prosty dokument
-
z galerią obrotową
i niebieskim elementem div.
-
Aby dodać do dokumentu
moduły obsługi zdarzeń,
-
użyjemy panelu zdarzeń
z prawej strony.
-
Widać na nim listę
wszystkich zainstalowanych
-
modułów obsługi zdarzeń.
-
Jeszcze ich nie ma,
-
więc lista jest pusta.
-
Gdy jest ich dużo,
-
można je sortować i filtrować.
-
Aby dodać do listy
moduły obsługi zdarzeń,
-
wyświetlamy okno dialogowe zdarzeń.
-
Można to zrobić
na kilka sposobów.
-
Jeśli znasz element docelowy,
-
kliknij go prawym przyciskiem myszy
-
i wybierz Dodaj zdarzenie…
-
W ten sposób wybrany element
stanie się elementem docelowym.
-
Teraz jednak go odznaczę
i otworzę okno dialogowe zdarzeń,
-
używając tej małej ikony plusa w rogu.
-
Pojawi się okno dialogowe zdarzeń
bez wybranych ustawień.
-
Najpierw trzeba
-
wybrać element docelowy.
-
To on będzie wyzwalać
moduł obsługi zdarzeń.
-
Na przykład
wybiorę galerię obrotową.
-
Następnie wybieram zdarzenie
-
wyzwalające
moduł obsługi zdarzeń.
-
Większość elementów obsługuje
zdarzenia kliknięcia myszą i palcem.
-
Galeria obrotowa obsługuje też
pewne zdarzenia specjalne.
-
Wybiorę zdarzenie kliknięcia.
-
Teraz trzeba wybrać działanie
-
wykonywane w odpowiedzi na zdarzenie.
-
Większość elementów obsługuje
ustawianie stylów CSS
-
i dodawanie działań niestandardowych.
Zaraz to pokażę.
-
Jeśli w dokumencie są
inne elementy niestandardowe,
-
tu mogą być dostępne do wybrania
dodatkowe zdarzenia.
-
Pokażę ustawianie stylów.
-
Wybieramy odbiornik.
-
To element, którego właściwości CSS
chcemy zmienić.
-
Wybiorę niebieski div
-
i przypiszę do niego
pewne właściwości CSS.
-
Zmienię kolor tła div
na czerwony.
-
Można wybrać opcje wygładzania,
-
dodać czas trwania
-
i kliknąć OK, by zapisać zmiany.
-
Moduł obsługi zdarzeń został dodany.
-
Zobaczmy jego podgląd.
-
Klikam galerię obrotową
i niebieski div
-
powoli zmienia kolor na czerwony.
-
To było proste.
-
Jak zmienić moduł obsługi zdarzeń,
-
jeśli nam nie odpowiada?
-
Nie trzeba tworzyć nowego.
-
Wystarczy edycja istniejącego
modułu obsługi zdarzeń.
-
Kliknij go dwukrotnie.
-
Pojawi się
okno dialogowe zdarzeń w trybie edycji.
-
Teraz na ekranie działań
wybiorę działanie niestandardowe.
-
Tu można wpisać dowolny
poprawny kod JavaScript.
-
Nadam temu kodowi
nazwę funkcji.
-
Dla przykładu będzie to
wywołanie alarmu.
-
Wygląda dobrze.
-
Zapisujemy, klikając OK.
-
Moduł obsługi zdarzeń
został zaktualizowany.
-
Będzie wywoływać ustawioną funkcję.
-
Zobaczmy to na podglądzie.
-
Gdy kliknę galerię obrotową,
-
wyświetla się komunikat alarmu.
-
Podoba mi się Google Web Designer!
-
To wszystko.
-
Pytania dotyczące zdarzeń
-
lub inne pytania
związane z tym programem
-
możecie zadawać w sekcji komentarzy.
-
Dziękuję.
