Wykład 2: Przekierowania

SUM Edukacja Techniczno Informatyczna
Języki i Systemy Programowania
Wykład 2
1
dr Artur Bartoszewski - WYKŁAD: Języki i Systemy Programowania,
SUM Edukacja Techniczno Informatyczna
Języki i Systemy Programowania
Przekierowania
2
dr Artur Bartoszewski - WYKŁAD: Języki i Systemy Programowania,
I. Przekierowania
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
dr Artur Bartoszewski - WYKŁAD: Języki i Systemy Programowania,
I. Przekierowania
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
dr Artur Bartoszewski - WYKŁAD: Języki i Systemy Programowania,
I. Przekierowania
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
dr Artur Bartoszewski - WYKŁAD: Języki i Systemy Programowania,
I. Przekierowania
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
dr Artur Bartoszewski - WYKŁAD: Języki i Systemy Programowania,
I. Przekierowania
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
dr Artur Bartoszewski - WYKŁAD: Języki i Systemy Programowania,
I. Przekierowania
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
dr Artur Bartoszewski - WYKŁAD: Języki i Systemy Programowania,
I. Przekierowania
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
dr Artur Bartoszewski - WYKŁAD: Języki i Systemy Programowania,
I. Przekierowania
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
dr Artur Bartoszewski - WYKŁAD: Języki i Systemy Programowania,
I. Przekierowania
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
dr Artur Bartoszewski - WYKŁAD: Języki i Systemy Programowania,
I. Przekierowania
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
dr Artur Bartoszewski - WYKŁAD: Języki i Systemy Programowania,
I. Przekierowania
Przykład - hasło
13
dr Artur Bartoszewski - WYKŁAD: Języki i Systemy Programowania,
I. Przekierowania
Przykład - hasło
14
dr Artur Bartoszewski - WYKŁAD: Języki i Systemy Programowania,
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
dr Artur Bartoszewski - WYKŁAD: Języki i Systemy Programowania,