[ Pobierz całość w formacie PDF ]
.Dostworzenia ramek służy polecenie , które przyjmuje następujšceparametry:[]Ogólna struktura dokumentu z ramkami jest następujšca:Tytuł stronyTreœć nagłówkaTreœć dokumentu dla przeglšdarek obsługujšcych ramkiTreœć dokumentu dla przeglšdarek nieobsługujšcych ramekZnacznik służy do definiowania zachowania i zawartoœci każdej z ramek.Możliwe jest użycie następujšcych parametrów:SRC = „nazwa.html” — definiuje dokument HTML, który znajdzie się w ramce;SCROLLING = „wartoœć” — podaje, czy ramka ma mieć możliwoœć przesuwaniazawartoœci, o ile nie mieœci się ona w oknie.Możliwe parametry to: YES — ramkabędzie miała suwak do przewijania zawartoœci, NO — nie będzie suwaka, AUTO —suwaki pojawiš się, jeżeli dokument nie będzie mieœcił się w ramce;NORESIZE — podanie tego parametru uniemożliwi zmianę wielkoœci ramki.Domyœlnieużytkownik może dowolnie manipulować wielkoœciš ramki przesuwajšc jej brzegiprzy pomocy myszy,MARGINHEIGHT = n — okreœla odległoœć zawartoœci ramki od górnego i dolnegobrzegu (wartoœć n podawana w pikselach);MARGINWIDTH = n — okreœla odległoœć zawartoœci ramki od lewego i prawego brzegu(wartoœć n podawana w pikselach);NAME — to nazwa, która identyfikuje dana ramkę, dzięki czemu możemy się doniejw prosty sposób odwoływać.Te wiadomoœci powinny w zupełnoœci wystarczyć do wykonania kolejnego ćwiczenia.Ćwiczenie 6.6.Utwórz dokument z ramkami.W ramce pierwszej umieœć przyciski umożliwiajšcezmianę koloru tła w ramce drugiej.Rysunek 6.4.Skrypt ilustrujšcy manipulację ramkami w dokumenciePlik index.htmlPrzykład użycia ramekTwoja przeglšdarka nie obsługuje ramek!Plik ramka1.htmlRamka1function zmienKolor (kolor){parent.ramka2.document.bgColor = kolor;}Kliknij na przycisk, aby zmienić kolor w drugiej ramcePlik Ramka2.htmlRamka1Tutaj będš się zmieniać koloryWszystkie konstrukcje programowe użyte w powyższym ćwiczeniu były już omawiane,więc nie trzeba ich chyba dodatkowo wyjaœniać.Uwagę zwraca tylko sposóbodwołania się do właœciwoœci gbColor w drugiej ramce.Otóż gdyby napisaćwindow.ramka2.document.bgColor, powstałby oczywiœcie błšd, jako że windowodnosi się do bieżšcego okna.Oknem bieżšcym jest natomiast ramka1, która „nicnie wie” o tym, że istnieje jeszcze ramka2.Należy więc odwołać się do rodzica(parent), który został stworzony przez index.html i „wie” zarówno o ramce1, jaki ramce2 (parent.ramka2.document.bgColor = kolor).Ciasteczka, czyli cookiesCookies sš to małe porcje informacji, które mogš być przesyłane międzyserwerema przeglšdarkš.Zwykle odbywa się to w następujšcy sposób.Przy pierwszympołšczeniu z danš stronš serwer wysyła ciasteczko z jakšœ informacjš doprzeglšdarki.Ta zapisuje je na dysku.Po ponownym połšczeniu z tš stronšprzeglšdarka odsyła zapamiętanš informację do serwera.Jest to sposób nastwierdzenie, czy użytkownik był już na naszej stronie, bšdŸ też, jakieczynnoœci na niej wykonywał.Cookie przesyłane jest w nagłówku HTTP w postacipola:Set-Cookie: nazwa_parametru = wartoœć; expires = data; path = œcieżka; domain=domena; secureInteresujš nas w tej chwili dwa pola: nazwa_parametru = wartoœć oraz expires =data.Pierwsze z nich pozwala zapamiętać jakšœ informację, np.podane przezużytkownika jego imię w postaci imie = Jarek.Drugie okreœla ważnoœćciasteczka, tzn.datę, po której zostanie usunięte z systemu.Data ta musizostać podana w formacie GMT, np.„Thu, 01 Jul 2002 12:00:00 GMT”.Można do jejustalenia wykorzystać obiekt Date i udostępniane przez niego konwersje.Ćwiczenie 6.7.Przygotuj formularz, w którym użytkownik będzie mógł podać swoje dane, imię,nazwisko oraz informację o tym, czy posiada komputer (rysunek 6.5).Pokliknięciu przycisku Ustaw należy zapisać dane w trzech ciasteczkach.Przyponownym wczytaniu skryptu formularz powinien się wypełnić uprzedniozapamiętanymi danymi.Rysunek 6.5.Skrypt wysyłajšcydo przeglšdarki użytkownika cookiesimięnazwiskoCzy masz w domu komputer?TakNieFormularz jest tworzony w sposób standardowy dla języka HTML.Dla przyciskuustawiana jest obsługa zdarzenia — kliknięcia na funkcję setCookie().W funkcjitej ustawiane sš zmienne okreœlajšce datę wygaœnięcia ważnoœci ciasteczka orazimię i nazwisko użytkownika.Dwie ostatnie dane pobierane sš z formularza.Jeœli użytkownik nie wypełni formularza, sš im przypisywane puste cišgi znaków.Zmienna komputer przyjmie wartoœć tak lub nie, w zależnoœci od tego, które polewyboru zostało zaznaczone.Jeœli żadne nie zostało zaznaczone, wartoœciš tejzmiennej będzie „undefined”.Dalej ustawiane sš trzy ciasteczka, co robimyprzypisujšc własnoœci cookie obiektu document okreœlone wczeœniej cišgiznaków.Nieco bardziej skomplikowany jest sposób odczytu ciasteczek.Dokonujemy tegoprzy użyciu funkcji getCookie(), która jest wywoływana podczas ładowania stronyoraz funkcji pomocniczej checkCookie().Ponieważ getCookie() stosujewielokrotnie już używane przez nas konstrukcje, nie trzeba jej chyba bliżejwyjaœniać.Problem może natomiast sprawić checkCookie().Jakie ona ma zadanie?Otóż we własnoœci document.cookie znajdziemy wszystkie ciasteczka odnoszšce siędo danej strony w postaci cišgu znaków np.:zmienna1=brak;imie=Marek;zmienna3=154;nazwisko=Kowalski;komputer=takZ tego cišgu znaków musimy po pierwsze wycišgnšć interesujšce nas zmienne, a podrugie dostać się do ich wartoœci.Nasza funkcja jako parametr otrzymujeszukany cišg znaków.Sprawdza, czy występuje on we własnoœci document.cookieoraz zapamiętuje miejsce jego wystšpienia [ Pobierz całość w formacie PDF ]

  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • luska.pev.pl
  •