Korzystanie ze zdarzeń, wyświetanie podręcznych info dla konkretnej pozycji

HTML pozwala na tworzenie interaktywnych stron internetowych za pomocą zdarzeń JavaScript. HTML może przechwytywać zdarzenia z klawiatury i myszy, a także niektóre szczególne zdarzenia, na przykład te które występują w formularzach. Wiele obiektów w WYSIWYG Web Builder ma wbudowane wsparcie dla obsługi zdarzeń, takich jak formularze, przyciski, pola tekstowe, obrazy, kształty i inne. Aby uzyskać więcej informacji na temat dostępnych typów zdarzeń można zajrzeć do pliku pomocy lub podręcznika  WYSIWYG Web Builder (PDF).

W tym poradniku pokażemy jak wyświetlać podręczne informacje dla konkretnego łącza.
Należy zauważyć, że te same instrukcje mogą być zastosowane do zdarzeń w innych obiektach.
Przesuń kursor myszy nad ten tekst aby zobaczyć przykład działania.
Krok 6
Otwórz Menedżera obiektów (Menu-> Widok-> Object Manager)
W Object Manager pojawi się lista wszystkich obiektów z bieżącej strony. Znajdź obiekt Shape o ID "Shape1" i odznacz pole "widoczny".
Obiekt będzie teraz niewidoczny (ukryty).
Krok 7
Teraz przyszedł czas aby utworzyć link tekstowy, aby obiekt "Shape1" stał się widoczny gdy użytkownik przesunie kursor nad ten link tekstowy :
Zaznacz tekst i dodaj łącze (Menu-> Dodaj-> Link lub Ctrl + K lub PPM i wybierz z menu podręcznego "Łącze").
Określ adres URL '#' (lub inne łącze , '#' będzie to odnośnik do "niczego").
Teraz, gdy użytkownik przesunie kursor nad tekst obiekt "Shape1" stanie się widoczny, potrzebujemy jeszcze dodać ukrywanie obiektu gdy użytkownik przesunie kursor poza obszar "Shape1", więc dodajmy kolejne Zdarzenie:
Zdarzenie: onmouseout (Event: onmouseout)
Działanie: Ukryj  (Action: Hide)
Cel: Shape1 (Target: Shape1)
Krok 5
Przenieś kształt na pozycję w której chcesz aby wyświetlać dymek/bańkę z tekstem "Przesuń kursor myszy poza obszar tekstu (łącza) a dymek zniknie." gdy użytkownik przesunie kursor myszy nad tekst.
Krok 4
Zanotuj identyfikator ID dla kształtu. Jeśli jest to pierwszy kształt na stronie to będzie to prawdopodobnie 'Shape1'.
Krok 3,
Kliknij zakładkę 'Tekst' i wpisz jakiś tekst, który będzie wyświetlany wewnątrz obiektu 'Kształt'..
Kliknij zakładkę "Zdarzenia" i dodaj zdarzenie (klikając przycisk Add):
Zdarzenie: onmouseover
Akcja: Pokaż (Show)
Cel: Shape1 (Target: Shape1)
na podstawie : http://www.wysiwygwebbuilder.com/more_events.html

Krok 1
Wstaw obiekt tekstowy i wpisz tekst. W przykładzie tekst to "Przesuń kursor myszy poza obszar tekstu (łącza) a dymek zniknie."

Krok 2
Wstaw kształt. We właściwościach kształtu wybierz sobie typ/rodzaj kształtu jaki chcesz. Wybierz jak będzie wyglądał (kolory,krawędzie etc..)
Pobierz przykłady:
http://www.wysiwygwebbuilder.com/templates/demo_events.zip

Podobne tutoriale:
Korzystanie ze zdarzeń aby odtworzyć plik audio.
Dodawanie ciekawych efektów graficznych przy użyciu script.aculo.us JavaScripts

Wskazówka:
Ta sama metoda może być również zastosowana do wyświetlania i ukrywania obrazków, warstw lub dowolnych innych obiektów!









Wyjście
---Home------Download------Zakup------Poradniki Online------Szablony------Wsparcie------Forum------Rozszerzenia------Manual------Rózne---
Copyright © 2017