SUM Edukacja Techniczno Informatyczna Języki i Systemy Programowania Wykład 2 1
SUM Edukacja Techniczno Informatyczna Języki i Systemy Programowania Przekierowania 2
Przekierowanie za pomocą skryptu Przykład pochodzi z książki: Negrino Tom, Smith Dori, Po prostu JavaScriopt i Ajax, wydanie VI, Helion, Gliwice 2007. 3
Przekierowanie za pomocą skryptu Linia1: Po zakończeniu ładowania strony wywoływana jest funkcja initredirect() Linia 4: Jeżeli ta funkcja zostanie wywołana, to właściwości window.location (opisującej adres strony wyświetlanej w przeglądarce) przypisze nowy adres strony. 4
Przekierowanie za pomocą łącza Zwróćmy uwagę na id łącza. Przykład pochodzi z książki: Negrino Tom, Smith Dori, Po prostu JavaScriopt i Ajax, wydanie VI, Helion, Gliwice 2007. 5
Przekierowanie za pomocą łącza Linia 3-4: Funkcja ta informuje element o identyfikatorze redirect, że po kliknięciu powinna zostać wywołana funkcja initredirect(). Linia 9: Instrukcja return false nakazuje przeglądarce zakończyć obsługę kliknięcia, tak żeby anulować ładowanie strony z atrybutu href. 6
Rozbudowywanie łącz Czasami możemy chcieć wykonać pewne operacje zaraz po tym, jak użytkownik kliknie łącze, ale jeszcze przed rozpoczęciem pobierania nowej strony przez przeglądarkę. Przykład pochodzi z książki: Negrino Tom, Smith Dori, Po prostu JavaScriopt i Ajax, wydanie VI, Helion, Gliwice 2007. 7
Rozbudowywanie łącz Linia 8: to okno z komunikatem który pojawia się po kliknięciu łącza. Linia 9: Ta instrukcja pozwala nam wpisać do okna przeglądarki adres strony znajdujący się w słowie kluczowym this, które zawiera adres łącza. 8
Rozbudowywanie łącz Wskazówka: Jak można zauważyć, kod JavaScript w żadnym miejscu nie odwołuje się do konkretnej strony WWW. Jedną z rzeczy, jakie robi słowo kluczowe this, jest przejmowanie adresu URL z kodu HTML łącza (czyli wartości atrybutu href znacznika <a>). Dzięki zastosowaniu takiego rozwiązania, w przypadku późniejszej modyfikacji strony nie będziemy musieli odpowiednio poprawiać skryptu. Co więcej, na całej stronie mogłyby znajdować się różne łącza wywołujące tę samą funkcję, a słowo kluczowe this zawsze zawierałoby właściwą dla danego łącza zawartość atrybutu href. 9
Praca ze stronami kierującymi Strona kierująca (ang. referrer page) to strona, którą oglądał użytkownik przed wejściem na bieżącą stronę, czyli strona, z której przybył do nas użytkownik. Można się zatem pokusić o wyświetlenie komunikatu wymieniającego stronę kierującą. Adres strony kierujące zwraca metoda document.referrer 10
Praca ze stronami kierującymi Przykład pochodzi z książki: Negrino Tom, Smith Dori, Po prostu JavaScriopt i Ajax, wydanie VI, Helion, Gliwice 2007. 11
Praca ze stronami kierującymi Linia 4: Jeżeli strona kierująca, zapisana we właściwości document.referrer, nie jest pustym tekstem, to skrypt może kontynuować działanie. Obiekt document.referrer może być pusty, o ile użytkownik nie odwiedzał przed naszą żadnych innych stron WWW, czyli otworzył przeglądarkę od razu na naszej stronie. Linie 5-7: Obiekt document.referrer nie jest pusty, więc można wypisać na stronie komunikat składający się z ciągu znaków, uzupełniony o zawartość obiektu document.referrer 12
Przykład - hasło 13
Przykład - hasło 14
SUM Edukacja Techniczno Informatyczna Języki i Systemy Programowania Literatura: Negrino Tom, Smith Dori, Po prostu JavaScriopt i Ajax, wydanie VI, Helion, Gliwice 2007. 15