Zdarzenia Zdarzenia onload i onunload
|
|
- Agata Kurek
- 3 lat temu
- Przeglądów:
Transkrypt
1 Zdarzenia Zdarzenia onload i onunload Ćwiczenie 1. Rysunek 1. Okno powitalne wykorzystujące zdarzenie onload Na stronie mogą zachodzić różne zdarzenia, np. użytkownik kliknie myszą lub zacznie wprowadzać dane do formularza. JavaScript pozwala na oprogramowanie tego typu zdarzeń poprzez procedury ich obsługi. Jedną z takich procedur jest onload, która zostanie wykonana po załadowaniu strony do przeglądarki. Możemy ją wykorzystać np. do powitania użytkownika. Napisz skrypt wyświetlający po załadowaniu strony WWW okno powitalne (rysunek 1). <BODY onload = "alert ('Cześć! Miło, że odwiedziłeś moją stronę')"> <H1><CENTER> Moja strona WWW </H1></CENTER> Warte uwagi jest, że okienko z powitaniem (rysunek 5.1) pojawi się dopiero po pełnym załadowaniu strony. Jeśli zatem w treści umieściliśmy wywołania jakichś innych funkcji, zostaną one wykonane w pierwszej kolejności! Ogólnie składnia definiująca procedurę obsługi zdarzenia wygląda następująco: lub <znacznik_html parametry_znacznika nazwa_zdarzenia = "instrukcje_java_script" <znacznik_html parametry_znacznika nazwa_zdarzenia = "nazwa_funkcji_w_java_script" Ponieważ procedura czy funkcja obsługująca dane zdarzenia może być dosyć skomplikowana, wygodniejsze i bardziej czytelne jest stworzenie oddzielnej funkcji, a następnie przypisanie jej do zdarzenia. Zwykle tak właśnie będziemy postępować w kolejnych ćwiczeniach. Wyjątkiem są oczywiście sytuacje, kiedy procedura obsługi zdarzenia składa się tylko z jednej prostej instrukcji i śmiało można ją umieścić przy znaczniku. Zdarzeniem analogicznym do onload jest onunload, z tym że jest ono wykonywane przy opuszczaniu strony przez użytkownika. Można je więc wykorzystać do pożegnania. Strona 1 z 7
2 Ćwiczenie.2. Napisz skrypt wyświetlający okno pożegnalne przy opuszczaniu strony WWW. <BODY onunload = "alert ('Do widzenia!\nmamy nadzieję, że niedługo znów nas odwiedzisz!')"> <H1><CENTER> Moja strona WWW </H1></CENTER> Ćwiczenie.3. Napisz skrypt, który przy ładowaniu strony zapyta użytkownika o imię, powita go, a przy opuszczeniu witryny pożegna, korzystając z podanego imienia. <SCRIPT LANGUAGE = JavaScript> function powitanie (imie){ alert ("Cześć! Witamy na naszej stronie " + ((imie=="brak")?"":imie) + "!"); function podaj_imie (){ imie = prompt ("Podaj nam swoje imię", ""); if (imie == null imie == ""){ imie = "brak"; document.write ("Miło, że jesteś z nami!<br>"); document.write ("Mamy nadzieję, że znajdziesz tu coś ciekawego dla siebie."); else{ document.write ("Miło, że jesteś z nami " + imie + "!<BR>"); document.write ("Mamy nadzieję, że znajdziesz tu coś ciekawego dla siebie."); return imie; function pozegnanie (imie){ if (imie!= "brak"){ alert ("Do widzenia " + imie + "\nmamy nadzieję, że niedługo znów nas odwiedzisz"); else{ alert ("Do widzenia!\nmamy nadzieję że niedługo znów nas odwiedzisz"); // Koniec kodu JavaScript --> <BODY onload = "powitanie(imie)"; onunload = "pozegnanie (imie)"> <H2> <SCRIPT LANGUAGE = JavaScript> <!-- Ukrycie przed przeglądarkami nieobsługującymi JavaScript var imie = podaj_imie(); </H2> Strona 2 z 7
3 Całość działa w sposób następujący. Najpierw zostanie załadowana treść strony, w tym przypadku jest to sekwencja: var imie = podaj_imie(); Zostanie więc wykonana funkcja JavaScript podaj_imie(). Funkcja ta, wykorzystując znane już nam konstrukcje, pyta się użytkownika o jego imię, a następnie sprawdza, czy podany został jakiś łańcuch znaków. Jeśli tak, to na ekranie pojawia się część strony z uwzględnieniem podanego imienia i funkcja zwraca wprowadzony przez użytkownika łańcuch znaków. Ciąg ten staje się wartością zmiennej o nazwie imie. Następnie wykonywana jest procedura onload, czyli de facto funkcja powitanie(). Wyświetla ona dodatkowe okienko z powitaniem, wykorzystując jako parametr podany łańcuch znaków. Przy opuszczaniu strony wywoływana jest procedura onunload (czyli przypisana jej funkcja pozegnanie()). Jako parametr otrzymuje ona również łańcuch znaków ze zmiennej imie i wykorzystuje go w wyświetlanym oknie pożegnalnym. W przypadku, gdy nie podamy imienia, wartością zmiennej imie staje się łańcuch znaków brak. Wykorzystujemy ten fakt w funkcjach powitanie() i pozegnanie() do stwierdzenia, którą wersję strony i okna dialogowego mamy wyświetlić. Zdarzenia związane z obsługą myszy Ćwiczenie 4. Zdarzenia związane z obsługą myszy to onmouseover, onmouseout i onclick. Zdarzenie onmouseover zachodzi, kiedy kursor myszy znajdzie się nad obiektem, którego ma dotyczyć. Analogicznie onmouseout zachodzi, kiedy kursor opuści obiekt, a onclick, kiedy obiekt zostanie kliknięty. Napisz skrypt, który gdy naprowadzimy myszkę na tekst znajdujący się w dokumencie, wyświetli okno dialogowe z dowolnym napisem (rysunek 5.2). Rysunek 2. Efekt działania skryptu z ćwiczenia 5.4 <H2><CENTER> <P onmouseover = "alert('najechałeś myszą na tekst!')">przykładowy tekst</p> </H2></CENTER> Strona 3 z 7
4 Ćwiczenie 5. Napisz skrypt, który po kliknięciu na odnośnik zawarty w dokumencie zamknie okno przeglądarki. <A HREF="#" onclick="window.close()"; > Zamknij okno</a> Ćwiczenie 6. Napisz skrypt, który po kliknięciu na przycisk zapyta użytkownika, czy na pewno chce opuścić bieżąca stronę. Jeśli tak, należy wywołać nową stronę. <SCRIPT LANGUAGE="JavaScript"> function obsluga_zdarzenia(){ if (confirm ('Czy na pewno chcesz przejść na stronę window.location.href = " <H2><CENTER> <FORM> <INPUT TYPE = "button" VALUE = "wp.pl" onclick = "obsluga_zdarzenia()"; > </FORM> </H2></CENTER> Ćwiczenie 7. Napisz skrypt, który będzie zmieniał napis na pasku stanu, kiedy użytkownik najedzie kursorem lub kliknie na odnośnik znajdujący się w dokumencie. <SCRIPT LANGUAGE = "javascript"> function ObslugaPaskaStanu (){ window.status='strona Wydawnictwa Helion'; function ObslugaKlikniecia (){ window.status="otwieram nową stronę"; <H2><CENTER> <A HREF = " onclick = "ObslugaKlikniecia(); return true;" onmouseover = "ObslugaPaskaStanu();return true;" > Strona 4 z 7
5 Strona wydawnictwa Helion </A> </H2></CENTER> <SCRIPT LANGUAGE = "javascript"> window.defaultstatus = "Przykładowa strona z obsługą skryptów"; Domyślnie na pasku stanu wyświetlany jest tekst Przykładowa strona z obsługą skryptów. Po naprowadzeniu kursora na odnośnik wywoływana jest procedura obsługi zdarzenia onmouseover. W naszym przypadku jest to funkcja ObsługaPaskaStanu(), która zmienia tekst na Strona Wydawnictwa Helion. W przypadku kliknięcia wywoływana jest procedura zdarzenia onclick, czyli ObsługaKliknięcia() i na krótką chwilę pojawia się napis Otwieram nową stronę. Zdarzenia związane z obsługą klawiatury - onkeypress Zdarzenie onkeypress występuje, gdy użytkownik naciśnie klawisz (na klawiaturze), - onkeydown Zdarzenie onkeydown występuje, gdy użytkownik naciska na przycisk (na klawiaturze)., - onkeyup Zdarzenie onkeyup występuje, gdy użytkownik zwolni klawisz (na klawiaturze).. Ćwiczenie 8. Napisz skrypt, który będzie wyświetlał okno typu alert z informacją o nazwie pola w którym wpisano znak z klawiatury. <html> <head> <title>obsługa zdarzenia onkeypress przez JavaScript</title> <script type="text/javascript"> function przechwyczdarzenie(){ var pole1 = document.getelementbyid('pole1'); var pole2 = document.getelementbyid('pole2'); pole1.onkeypress = wcisnieto; pole2.onkeypress = wcisnieto; function wcisnieto(){ alert("wciśnięto klawisz w " + this.id) window.onload = przechwyczdarzenie; </script> </head> <body> <input type="text" id="pole1"/> <input type="text" id="pole2"/> </body> </html> Strona 5 z 7
6 Ćwiczenie 9. Napisz skrypt, który będzie wyświetlał wprowadzanie znaki do pola tekstowego na stronie WWW. <html> <head> <title>obsługa zdarzenia onkeyup przez JavaScript</title> <meta charset="utf-8"> <script type="text/javascript"> function przechwyczdarzenie(){ var pole1 = document.getelementbyid('pole1'); pole1.onkeyup = wartosc; function wartosc(){ document.getelementbyid('status').innerhtml = this.value; window.onload = przechwyczdarzenie; </script> </head> <body> <input id="pole1"> <span id="status"></span> </body> </html> Ćwiczenie 10. Napisz skrypt, który będzie wyświetlał wprowadzanie znaki do pola tekstowego na stronie WWW po jego zatwierdzeniu (np. wpisanie yi wyświetli tylko y). <html> <head> <title>obsługa zdarzenia onkeydown przez JavaScript</title> <script type="text/javascript"> function przechwyczdarzenie(){ var pole1 = document.getelementbyid('pole1'); pole1.onkeydown = wartosc; function wartosc(){ document.getelementbyid('status').innerhtml = this.value; window.onload = przechwyczdarzenie; </script> </head> <body> <input id="pole1"> <span id="status"></span> </body> </html> Strona 6 z 7
7 Zadania Zad. 1 Na ćwiczeniowej (własnej) stronie internetowej umieść skrypty ćwiczeniowe (ćwiczenia od 1 do 10). Zad. 2 Napisz skrypt kalkulator wykonujący działania dodawanie, odejmowania, mnożenia i dzielenia wg. rysunku poniżej Strona 7 z 7
Krótki kurs JavaScript
Krótki kurs JavaScript Java Script jest językiem wbudowanym w przeglądarkę. Gdy ma się podstawy nabyte w innych językach programowania jest dość łatwy do opanowania. JavaScript jest stosowany do powiększania
CZYM JEST JAVASCRIPT?
JAVASCRIPT JAVASCRIPT - CECHY Język skryptowy stosowany w sieci WWW Stosowany przez autorów witryn WWW głównie w celu: poprawy wyglądu stron walidacji danych z formularzy wykrywania typu przeglądarki tworzenia
Zajęcia 4 - Wprowadzenie do Javascript
Zajęcia 4 - Wprowadzenie do Javascript Co to jest Javascript Javascript jest językiem skryptowym pozwalającym na dołączanie dodatkowej funkcjonalności do stron WWW. Jest ona najczęściej związana z modyfikacją
JAVASCRIPT (cz. IV) ĆWICZENIA DO SAMODZIELNEGO WYKONANIA materiały dydaktyczne dla słuchaczy opracowanie: 2004-2007 by Arkadiusz Gawełek, Łódź
JAVASCRIPT (cz. IV) ĆWICZENIA DO SAMODZIELNEGO WYKONANIA Ćwiczenie 1 obliczanie daty Wielkanocy Napisz skrypt, który: poprosi użytkownika o podanie roku z przedziału 1900..2099 sprawdzi, czy podana wartość
JAVAScript w dokumentach HTML (1) JavaScript jest to interpretowany, zorientowany obiektowo, skryptowy język programowania.
IŚ ćw.8 JAVAScript w dokumentach HTML (1) JavaScript jest to interpretowany, zorientowany obiektowo, skryptowy język programowania. Skrypty JavaScript są zagnieżdżane w dokumentach HTML. Skrypt JavaScript
JAVAScript w dokumentach HTML (2)
Informatyka ćw.6 JAVAScript w dokumentach HTML (2) Interakcyjne wprowadzanie danych Jednym ze sposobów jest stosowanie metody prompt dla wbudowanego obiektu window: zmienna= prompt("tekst zachęty, np.
JAVASCRIPT PODSTAWY. opracowanie: by Arkadiusz Gawełek, Łódź
JAVASCRIPT PODSTAWY materiały dydaktyczne dla uczniów słuchaczy opracowanie: 2004-2007 by Arkadiusz Gawełek, Łódź 1. Czym jest JavaScript JavaScript tak naprawdę narodził się w firmie Netscape jako LiveScript,
JavaScript - wykład 4. Zdarzenia i formularze. Obsługa zdarzeń. Zdarzenia. Mysz. Logiczne. Klawiatura. Beata Pańczyk
Obsługa zdarzeń JavaScript - wykład 4 Zdarzenia i formularze Beata Pańczyk zdarzenia - wszystko co zachodzi w związku z obiektami JavaScript (np. window) i elementami XHTML przeglądarka moŝe wywołać funkcję
prowadzący dr ADRIAN HORZYK /~horzyk e-mail: horzyk@agh Konsultacje paw. D-13/325D
INTERNET i PROJEKTOWANIE STRON WWW LABORATORIUM 3. prowadzący dr ADRIAN HORZYK http://home home.agh.edu.pl/~ /~horzyk e-mail: horzyk@agh agh.edu.pl tel.: 012-617 617-4319 Konsultacje paw. D-13/325D JavaScript
Laboratorium Wstawianie skryptu na stroną: 2. Komentarze: 3. Deklaracja zmiennych
1. Wstawianie skryptu na stroną: Laboratorium 1 Do umieszczenia skryptów na stronie służy znacznik: //dla HTML5 ...instrukcje skryptu //dla HTML4 ...instrukcje
Okna, ramki i ciasteczka
Okna, ramki i ciasteczka Okna Ćwiczenie 6.1. Rysunek 6.1. Skrypt otwierający nowe okno przeglądarki po wciśnięciu przycisku Manipulację oknami umożliwia nam obiekt window. Jego właściwości i metody przedstawione
Aplikacje WWW - laboratorium
Aplikacje WWW - laboratorium Język JavaScript Celem ćwiczenia jest przygotowanie formularza na stronie WWW z wykorzystaniem języka JavaScript. Formularz ten będzie sprawdzany pod względem zawartości przed
JAVASCRIPT PODSTAWY. opracowanie: by Arkadiusz Gawełek, Łódź
JAVASCRIPT PODSTAWY materiały dydaktyczne dla uczniów słuchaczy opracowanie: 2004-2007 by Arkadiusz Gawełek, Łódź 1. Czym jest JavaScript JavaScript tak naprawdę narodził się w firmie Netscape jako LiveScript,
Aplikacje WWW - laboratorium
Aplikacje WWW - laboratorium Język JavaScript Celem ćwiczenia jest przygotowanie formularza HTML z wykorzystaniem języka JavaScript. Formularz ten będzie sprawdzany pod względem zawartości przed wysłaniem
JAVAScript tablice, przekazanie danych do funkcji, obiekty Date i window
Programowanie obiektowe ćw.2 JAVAScript tablice, przekazanie danych do funkcji, obiekty Date i window Tablice w JavaScript Przykład zastosowania tablicy dla przekazania rezultatów funkcji do miejsca wywołania
Aplikacje WWW - laboratorium
Aplikacje WWW - laboratorium PHP. Celem ćwiczenia jest przygotowanie prostej aplikacji internetowej wykorzystującej technologię PHP. Aplikacja pokazuje takie aspekty, obsługa formularzy oraz zmiennych
XHTML, CSS i JavaScript. Pierwsza pomoc
. Pierwsza pomoc Autorzy: Maria Sokó³, Rados³aw Sokó³ ISBN: 978-83-246-1071-6 Format: A5, stron: 100 Pocz¹tki tworzenie szkieletu strony WWW i struktury dokumentu HTML Wygl¹d strony kodowanie znaków, krój
Rys.2.1. Drzewo modelu DOM [1]
1. CEL ĆWICZENIA Celem ćwiczenia jest przedstawienie możliwości wykorzystania języka JavaScript do tworzenia interaktywnych aplikacji działających po stronie klienta. 2. MATERIAŁ NAUCZANIA 2.1. DOM model
Zaawansowane aplikacje internetowe
Zaawansowane aplikacje internetowe AJAX 1 Celem tego laboratorium jest pokazanie moŝliwości technologii AJAX. W ramach ćwiczeń zostanie zbudowana prosta aplikacja, przechwytująca kliknięcia uŝytkownika
Pozycjonowanie i poruszanie warstw
Pozycja warstwy na ekranie może być zmieniana poprzez modyfikację właściwości top i left obiektu style. Odpowiadają one za położenie lewego górnego rogu; pierwsza za współrzędną x, druga y. Umiejscowienie
Funkcje i instrukcje języka JavaScript
Funkcje i instrukcje języka JavaScript 1. Cele lekcji a) Wiadomości Uczeń : zna operatory i typy danych języka JavaScript, zna konstrukcję definicji funkcji, zna pętlę If i For, Do i While oraz podaje
TECHNOLOGIE INTERNETOWE WYKŁAD 6. JavaScript Funkcje i obiekty
1. Co to jest funkcja? Funkcja jest oddzielnym blokiem kodu, który może być wielokrotnie wykonywany w danym programie, poprzez jej wielokrotne wywoływanie. Do funkcji przekazujemy przeważnie jakieś argumenty,
XML extensible Markup Language. część 5
XML extensible Markup Language część 5 XML ważne zastosowanie Jak często pracujemy z plikami XML? Wróćmy jeszcze do wykładu poprzedniego. A dokładnie do pliku zawierającego ten wykład. xml_2017_wyklad_4.pptx
JAVAScript w dokumentach HTML - przypomnienie
Programowanie obiektowe ćw.1 JAVAScript w dokumentach HTML - przypomnienie JavaScript jest to interpretowany, zorientowany obiektowo, skryptowy język programowania. Skrypty JavaScript są zagnieżdżane w
Kurs HTML 4.01 TI 312[01]
TI 312[01] Spis treści 1. Wiadomości ogólne... 3 2. Wersje języka HTML... 3 3. Minimalna struktura dokumentu... 3 4. Deklaracje DOCTYPE... 3 5. Lista znaczników, atrybutów i zdarzeń... 4 5.1 Lista atrybutów
Laboratorium 1 Wprowadzenie do PHP
Laboratorium 1 Wprowadzenie do PHP Ćwiczenie 1. Tworzenie i uruchamianie projektu PHP w Netbeans Tworzenie projektu Uruchom środowisko NetBeans. Stwórz nowy projekt typu PHP Application (File->New Project,
Aplikacje internetowe - laboratorium
Aplikacje internetowe - laboratorium PHP Celem ćwiczenia jest przygotowanie prostej aplikacji internetowej opartej o język PHP. Aplikacja ilustruje takie mechanizmy jak: obsługa formularzy oraz obsługa
Rys.2.1. Trzy warstwy stanowiące podstawę popularnego podejścia w zakresie budowy stron internetowych [2]
1. CEL ĆWICZENIA Celem ćwiczenia jest przedstawienie możliwości wykorzystania języka JavaScript do tworzenia interaktywnych aplikacji działających po stronie klienta. 2. MATERIAŁ NAUCZANIA JavaScript tak
Cw.12 JAVAScript w dokumentach HTML
Cw.12 JAVAScript w dokumentach HTML Wstawienie skryptu do dokumentu HTML JavaScript jest to interpretowany, zorientowany obiektowo, skryptowy język programowania.skrypty Java- Script mogą być zagnieżdżane
101 praktycznych skryptów na stronê WWW. Wydanie II
IDZ DO PRZYK ADOWY ROZDZIA KATALOG KSI EK ZAMÓW DRUKOWANY KATALOG Wydawnictwo Helion ul. Chopina 6 44-100 Gliwice tel. (32)230-98-63 e-mail: helion@helion.pl TWÓJ KOSZYK CENNIK I INFORMACJE ZAMÓW INFORMACJE
Formy dialogowe w środowisku Gnome
Środowisko graficzne Gnome posiada wiele atrakcyjnych funkcji, które często nie są przez administratorów wykorzystywane. Jedną z nich jest dołączony zestaw form dialogowych o nazwie Zenity ( http://library.gnome.org/users/zenity/stable/
Przekształcenie danych przestrzennych w interaktywne mapy dostępne na stronach www (WARSZTATY, poziom zaawansowany)
Wrocławski Instytut Zastosowań Informacji Przestrzennej i Sztucznej Inteligencji Przekształcenie danych przestrzennych w interaktywne mapy dostępne na stronach www (WARSZTATY, poziom zaawansowany) Szkolenia
Tworzenie stron internetowych z wykorzystaniem HTM5, JavaScript, CSS3 i jquery. Łukasz Bartczuk
Tworzenie stron internetowych z wykorzystaniem HTM5, JavaScript, CSS3 i jquery Łukasz Bartczuk Moduł 6 JavaScript w przeglądarce Agenda Skrypty na stronie internetowej Model DOM AJAX Skrypty na stronie
Dokumentacja Skryptu Mapy ver.1.1
Dokumentacja Skryptu Mapy ver.1.1 2 Dokumentacja Skryptu Mapy ver.1.1 Spis treści Dokumentacja skryptu... 3 Dodatkowe informacje i kontakt... 7 3 Dokumentacja Skryptu Mapy ver.1.1 Dokumentacja skryptu
I Tworzenie prezentacji za pomocą szablonu w programie Power-Point. 1. Wybieramy z górnego menu polecenie Nowy a następnie Utwórz z szablonu
I Tworzenie prezentacji za pomocą szablonu w programie Power-Point 1. Wybieramy z górnego menu polecenie Nowy a następnie Utwórz z szablonu 2. Po wybraniu szablonu ukaŝe się nam ekran jak poniŝej 3. Następnie
Aplikacje WWW - laboratorium
Aplikacje WWW - laboratorium JavaServer Pages Celem ćwiczenia jest zbudowanie kilku prostych stron internetowych z użyciem technologii JSP. Podczas ćwiczenia wykorzystany zostanie algorytm sortowania bąbelkowego
Bazy Danych i Usługi Sieciowe
Bazy Danych i Usługi Sieciowe Język PHP Paweł Witkowski Wydział Matematyki, Informatyki i Mechaniki Jesień 2011 P. Witkowski (Wydział Matematyki, Informatyki i Mechaniki) BDiUS w. VIII Jesień 2011 1 /
Szablon główny (plik guestbook.php) będzie miał postać:
Skrypt: Księga gości Skrypt generujący księgę gości będzie się składał z trzech części: szablonu głównego, który należy zapisać pod nazwą guestbook.php, formularza służącego do dodawania wpisów, który
Systemy internetowe. Wykład 3 PHP. West Pomeranian University of Technology, Szczecin; Faculty of Computer Science
Systemy internetowe Wykład 3 PHP PHP - cechy PHP (Hypertext Preprocessor) bardzo łatwy do opanowania, prosta składnia, obsługuje wymianę danych z różnymi systemami baz danych pozwala na dynamiczne generowanie
JAVAScript w dokumentach HTML (1)
JAVAScript w dokumentach HTML (1) JavaScript jest to interpretowany, zorientowany obiektowo, skryptowy język programowania. Skrypty JavaScript mogą być zagnieżdżane w dokumentach HTML. Instrukcje JavaScript
Specyfikacja techniczna kreacji HTML5
Specyfikacja techniczna kreacji HTML5 www.gemius.pl Parametry przekazywane do kreacji Kreacje HTML osadzane są na stronie za pomocą znacznika . W adresie do pliku kreacji przekazywane są parametry
Tworzenie Stron Internetowych. odcinek 10
Tworzenie Stron Internetowych odcinek 10 JavaScript JavaScript (ECMAScript) skryptowy język programowania powszechnie używany w Internecie. Skrypty JS dodają do stron www interaktywność i funkcjonalności,
Burkhard Lück Polskie tłumaczenie: Marcin Kocur
Burkhard Lück Polskie tłumaczenie: Marcin Kocur 2 Spis treści 1 Ogólne zachowanie Konquerora 4 3 1 Ogólne zachowanie Konquerora Na tej stronie znajdziesz ustawienia dotyczace strony domowej i startowej
Ilość cyfr liczby naturalnej
Ilość cyfr liczby naturalnej Użytkownik wprowadza liczbę naturalną n. Podaj algorytm znajdowania ilości cyfr liczby n. (Np.: po wprowadzeniu liczby 2453, jako wynik powinna zostać podana liczba 4). Specyfikacja
Zadanie 9. Projektowanie stron dokumentu
Zadanie 9. Projektowanie stron dokumentu Przygotowany dokument można: wydrukować i oprawić, zapisać jako strona sieci Web i opublikować w Internecie przekonwertować na format PDF i udostępnić w postaci
Współdziałanie przeglądarki i skryptów w pliku HTML (lub XML), oraz współdziałanie przeglądarki i ekranu ilustruje niżej położony rysunek.
Obiektowy model przeglądarki (BOM, Browser Object Model) Współdziałanie przeglądarki i skryptów w pliku HTML (lub XML), oraz współdziałanie przeglądarki i ekranu ilustruje niżej położony rysunek. Plik
LOGOWANIE DO SYSTEMU:
LOGOWANIE DO SYSTEMU: II. Obecność Recenzenta w systemie: a. Recenzent posiada założony przez siebie login i hasło (wówczas bezpośrednio loguje się do systemu) b. Recenzent został zalogowany w systemie
Tworzenie okna dialogowego w edytorze raportu SigmaNEST. część 1
Tworzenie okna dialogowego w edytorze raportu SigmaNEST część 1 Edytor raportu SigmaNEST to wszechstronne narzędzie umożliwiające zarówno dostosowanie każdego raportu pod specyficzne oczekiwania klienta,
UONET+ moduł Dziennik
UONET+ moduł Dziennik Jak wprowadzać do dziennika oceny cząstkowe uczniów? W systemie UONET+ oceny cząstkowe uczniów wprowadza się w module Dziennik w widoku Lekcja, na karcie Oceny lub w widoku Dziennik
learningpanel - materiały pomocnicze - JAK ZROBIĆ... Jak zrobić...
Jak zrobić... W tym dziale prezentujemy przepisy "krok po kroku" jak stworzyć różne aplikacje multimedialne w generatorze lekcji learningpanel. APLIKACJA I: Zestaw ćwiczeń i zadań testowych. Przykład aplikacji,
Systemy internetowe Wykład 3 PHP
Systemy internetowe Wykład 3 PHP PHP - cechy PHP (Hypertext Preprocessor) bardzo łatwy do opanowania, prosta składnia, obsługuje wymianę danych z różnymi systemami baz danych pozwala na dynamiczne generowanie
Wyszukiwanie największej spośród czterech liczb. Przykładowe rozwiązanie
Wyszukiwanie największej spośród czterech liczb Użytkownik podaje cztery liczby rzeczywiste. Podaj algorytm znajdowania największej spośród nich. (Np.: po wprowadzeniu liczb: 12 7 18.5 9 program powinien
Celem ćwiczenia jest zapoznanie z językiem HTML i JavaScript, zasadami tworzenia stron WWW i umieszczania na nich skryptów w języku JavaScript.
Instrukcja laboratoryjna do ćwiczenia: 1. Cel ćwiczenia Strona internetowa w systemach unix-owych Celem ćwiczenia jest zapoznanie z językiem HTML i JavaScript, zasadami tworzenia stron WWW i umieszczania
HTML (HyperText Markup Language) hipertekstowy język znaczników
HTML (HyperText Markup Language) hipertekstowy język znaczników Struktura dokumentu tytuł strony
TECHNOLOGIE SIECI WEB
TECHNOLOGIE SIECI WEB Prowadzący: dr inż. Jan Prokop, e-mail: jprokop@prz.edu.pl, Politechnika Rzeszowska, Wydział Elektrotechniki i Informatyki LABORATORIUM ĆWICZENIE nr 8 Temat: Podstawy technologii
Tworzenie Stron Internetowych. odcinek 9
Tworzenie Stron Internetowych odcinek 9 Prosta galeria oparta na HTML Najprostszym sposobem zbudowania galerii zdjęć jest wykorzystanie tylko HTML i CSS. Strona główna galerii składa się miniatur zdjęć,
HTML ciąg dalszy. Listy, formularze
HTML ciąg dalszy Listy, formularze Listy Służą do prezentacji treści w postaci wypunktowania: numerowanego nienumerowanego definicji Możliwe jest zagnieżdżanie list zarówno tego samego, jak i różnych typów
Instrukcja użytkowa programu INTERNET LAB-BIT
Instrukcja użytkowa programu INTERNET LAB-BIT 1. Co to jest program INTERNET LAB-BIT i dla kogo jest przeznaczony? Program INTERNET LAB-BIT jest to program umożliwiający zdalne przeglądanie danych z laboratoriów
Przykład integracji kalkulatora mbank RATY na platformie IAI
Przykład integracji kalkulatora mbank RATY na platformie IAI 1. Moderacja - > Dodatki HTML i JavaScript 1.1 Klikamy na przycisk nowy dodatek Wpisujemy w pole Tytuł dodatku nazwę CSS_mRaty. Następnie ustawiamy
Spis Treści SPIS TREŚCI... 1 ROZDZIAŁ 1. PODSTAWY... 3 ROZDZIAŁ 2. PIERWSZE SKRYPTY... 5 ROZDZIAŁ 3. ELEMENTY JĘZYKA JAVASCRIPT...
Spis Treści SPIS TREŚCI... 1 ROZDZIAŁ 1. PODSTAWY... 3 CZYM JEST JAVASCRIPT?... 3 JAVASCRIPT A JAVA... 3 CO NAM BĘDZIE POTRZEBNE?... 4 ROZDZIAŁ 2. PIERWSZE SKRYPTY... 5 ZNACZNIK ... 5 INSTRUKCJA
Aplikacje WWW - laboratorium
Aplikacje WWW - laboratorium Język JavaScript Celem ćwiczenia jest przygotowanie formularza HTML z wykorzystaniem języka JavaScript. Formularz ten będzie sprawdzany pod względem zawartości przed wysłaniem
Zasady tworzenia podstron
Zasady tworzenia podstron Jeśli tworzysz rozbudowaną witrynę internetową z wieloma podstronami, za chwilę dowiesz się, jak dodawać nowe podstrony w kreatorze Click Web, czym kierować się przy projektowaniu
Laboratorium 7 Blog: dodawanie i edycja wpisów
Laboratorium 7 Blog: dodawanie i edycja wpisów Dodawanie nowych wpisów Tworzenie formularza Za obsługę formularzy odpowiada klasa Zend_Form. Dla każdego formularza w projekcie tworzymy klasę dziedziczącą
Zadanie 11. Przygotowanie publikacji do wydrukowania
Zadanie 11. Przygotowanie publikacji do wydrukowania Edytor Word może służyć również do składania do druku nawet obszernych publikacji. Skorzystamy z tych możliwości i opracowany dokument przygotujemy
XML extensible Markup Language. część 5
XML extensible Markup Language część 5 JavaScript Co to jest JavaScript? JavaScript był zaprojektowany w celu dodania interaktywności do stron HTML JavaScript jest językiem skryptowym JavaScript jest zwykle
Ekran tytułowy (menu główne)
Wstęp Ten multimedialny program edukacyjny przeznaczony jest dla uczniów szkół podstawowych. Oferując ciekawe zadania tekstowe, służy przede wszystkim doskonaleniu umiejętności matematycznych. Program
1. Przypisy, indeks i spisy.
1. Przypisy, indeks i spisy. (Wstaw Odwołanie Przypis dolny - ) (Wstaw Odwołanie Indeks i spisy - ) Przypisy dolne i końcowe w drukowanych dokumentach umożliwiają umieszczanie w dokumencie objaśnień, komentarzy
wstawianie przycisków umożliwiających wybieranie wartości poprzez klikanie strzałek
VBA Excel Formularz Formanty Label wstawianie etykiet TextBox wstawianie pól tekstowych ComboBox wstawianie pól kombi ComboBox wstawianie pól kombi ComboBox wstawianie pól kombi OptionButton wstawianie
Programowanie obiektowe. Wykład 4
Programowanie obiektowe Wykład 4 Tworzenie własnych obiektów Słowo kluczowe this W JavaScriptmożna tworzyć własne obiekty. Wykorzystuje się tu zapis utworzonej funkcji o nazwie takiej samej jak klasa,
Tak przygotowane pliki należy umieścić w głównym folderze naszego programu. Klub IKS www.informatyka.edu.pl
To jeden z ostatnich odcinków naszego kursu. Mam nadzieję, że pisanie własnego programu było ciekawym doświadczeniem. Zaproponowana w tym odcinku funkcja uatrakcyjni twój program. Stworzymy tak zwane okno
Wprowadzenie do programowania w języku Visual Basic. Podstawowe instrukcje języka
Wprowadzenie do programowania w języku Visual Basic. Podstawowe instrukcje języka 1. Kompilacja aplikacji konsolowych w środowisku programistycznym Microsoft Visual Basic. Odszukaj w menu startowym systemu
Tworzenie prezentacji w MS PowerPoint
Tworzenie prezentacji w MS PowerPoint Program PowerPoint dostarczany jest w pakiecie Office i daje nam możliwość stworzenia prezentacji oraz uatrakcyjnienia materiału, który chcemy przedstawić. Prezentacje
Aplikacje mobilne. Pliki zasobów, grafiki, menu, podpinanie zdarzeń. dr Tomasz Jach Instytut Informatyki, Uniwersytet Śląski
Aplikacje mobilne Pliki zasobów, grafiki, menu, podpinanie zdarzeń dr Tomasz Jach Instytut Informatyki, Uniwersytet Śląski Pliki zasobów Jak już robiliśmy wcześniej sporo rzeczy w Androidzie umieszczamy
Scratch pierwszy program
Stwórzmy nasz pierwszy program, czyli skrypt. Jak to zrobić? Przede wszystkim, musimy zdecydować, co program ma robić. Na początek niech nasz Kot się przedstawi, zapyta Cię o imię i przywita się. No to
Aplikacje internetowe - laboratorium
Aplikacje internetowe - laboratorium Język JavaScript Celem ćwiczenia jest przygotowanie formularza HTML z wykorzystaniem języka JavaScript. Formularz ten będzie sprawdzany pod względem zawartości przed
Tworzenie raportów. Ćwiczenie 1. Utwórz Autoraport przedstawiający tabelę Studenci. - 1 -
- 1 - Tworzenie raportów 1. Wstęp Raporty-zawierają dane z tabel lub kwerend odpowiednio uporządkowane w pożądany przez użytkownika sposób. Raport jest wygodnym sposobem prezentacji danych w postaci wydrukowanej.
JavaScript powstał w 1995. Opracowany przez Netscape oraz Sun Microsystem. Jest obiektowym skryptowym językiem programowania.
JavaScript 1 Wstęp JavaScript powstał w 1995. Opracowany przez Netscape oraz Sun Microsystem. Jest obiektowym skryptowym językiem programowania. Cel: Wprowadzanie elementów interaktywnych na stronach internetowych.
ZAAWANSOWANE BAZY DANYCH I HURTOWNIE DANYCH MySQL, PHP
ZAAWANSOWANE BAZY DANYCH I HURTOWNIE DANYCH MySQL, PHP Zad. 1 Dla każdego zamówienia wyznaczyć jego wartość. Należy podać numer zamówienia oraz wartość. select z.id_zamowienia, sum(ilosc*cena) as wartosc
SSK - Techniki Internetowe
SSK - Techniki Internetowe Ćwiczenie 2. Obsługa formularzy. Operatory, instrukcje warunkowe oraz instrukcje pętli w PHP. Obsługa formularzy Skryptu PHP moŝna uŝyć do obsługi formularza HTML. Aby tego dokonać,
SUM Edukacja Techniczno Informatyczna Języki i Systemy Programowania. Wykład 2. dr Artur Bartoszewski - WYKŁAD: Języki i Systemy Programowania,
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
Ćwiczenie 22 Dynamiczne wczytywanie tekstu z pliku.txt
Dynamiczne wczytywanie tekstu z pliku.txt Wykonamy dwa zadania z wczytywaniem zewnętrznych plików tekstowych. W pierwszym zadaniu wczytamy jeden plik tekstowy. W drugim podejściu za pomocą przycisków będziemy
Personal Home Page PHP: Hypertext Preprocessor
Języki, które już znacie Wykład9PodstawyPHP,str1 język polski język angielski język C język preprocesora C język bash-a język HTML kolejny język: PHP Język PHP Wykład9PodstawyPHP,str2 Personal Home Page
Aplikacje internetowe laboratorium JavaScript
Celem ćwiczenia jest przygotowanie formularza HTML z wykorzystaniem języka. Formularz ten będzie sprawdzany pod względem zawartości przed wysłaniem do serwera. Formularz będzie miał charakter dynamiczny,
Al. Akacjowa 16A 53-134 Wrocław
Instrukcja użytkownika programu Internet-Lab 1 Spis treści 1. Co to jest Internet- Lab i dla kogo jest przeznaczony?... 3 2. Jak uruchomić program Internet-Lab?... 3 3. Jak poruszać się ę po programie?...
Podstawy tworzenia aplikacji z wykorzystaniem języka Java ME ćwiczenia 1
z wykorzystaniem języka Java ME ćwiczenia 1 Budowa aplikacji MIDP utworzenie klasy dziedziczącej z klasy java.microedition.midlet.midlet Klasa musi posiadać przynajmniej trzy metody: startapp() inicjalizacja
STOPKA. Redakcja strony Stopka Linki w stopce Link do nowej podstrony Link do strony zewnętrznej... 6
STOPKA SPIS TREŚCI Redakcja strony... 2 Stopka... 4 Linki w stopce... 5 Link do nowej podstrony... 5 Link do strony zewnętrznej... 6 Link do strony wewnętrznej... 7 Ikonki w stopce... 9 Stopka to element
Zadanie 1. Stosowanie stylów
Zadanie 1. Stosowanie stylów Styl to zestaw elementów formatowania określających wygląd: tekstu atrybuty czcionki (tzw. styl znaku), akapitów np. wyrównanie tekstu, odstępy między wierszami, wcięcia, a
e-wsparcie Barbara Muszko Aktualizacja Twojej witryny internetowej tak prosta, jak obsługa Worda
e-wsparcie Barbara Muszko Aktualizacja Twojej witryny internetowej tak prosta, jak obsługa Worda Logowanie do panelu administracyjnego Aby móc zarządzać stroną, należy zalogować się do panelu administracyjnego.
przedmiot kilka razy, wystarczy kliknąć przycisk Wyczaruj ostatni,
Baltie Zadanie 1. Budowanie W trybie Budowanie wybuduj domek jak na rysunku. Przedmioty do wybudowania domku weź z banku 0. Zadanie 2. Czarowanie sterowanie i powtarzanie W trybie Czarowanie z pomocą czarodzieja
6.4. Efekty specjalne
6.4. Efekty specjalne Ile wart byłby porządny film bez efektów specjalnych. Przecież to właśnie one nadają charakter dla filmu i przykuwają uwagę widza. Dlaczego nie wykorzystać by tego w prezentacjach?
Spra r wd w za z nie e popra r wn w ości c danych c w w form r u m larz r a z ch c :
PROJEKTOWANIE STRON WWW LABORATORIUM 3. Wykorzystanie JavaScriptu i wyrażeń regularnych do sprawdzania poprawności danych w formularzach prowadzący dr ADRIAN HORZYK http://home.agh.edu.pl/~horzyk e-mail:
Ćwiczenie: JavaScript Cookies (3x45 minut)
Ćwiczenie: JavaScript Cookies (3x45 minut) Cookies niewielkie porcje danych tekstowych, które mogą być przesyłane między serwerem a przeglądarką. Przeglądarka przechowuje te dane przez określony czas.
5.2. Pierwsze kroki z bazami danych
5.2. Pierwsze kroki z bazami danych Uruchamianie programu Podobnie jak inne programy, OO Base uruchamiamy z Menu Start, poprzez zakładkę Wszystkie programy, gdzie znajduje się folder OpenOffice.org 2.2,
Dane - pobieranie, przekazywanie i przechowywanie. dr Beata Kuźmińska-Sołśnia
Dane - pobieranie, przekazywanie i przechowywanie dr Beata Kuźmińska-Sołśnia Definicja funkcji function nazwa (lista parametrów) { blok instrukcji Użycie instrukcji return wartość kończy działanie funkcji
Visual Basic w programie Excel dla Windows
Visual Basic w programie Excel dla Windows Ćwiczenie nr 1 Makrodefinicje. Zakres ćwiczenia: Nagrywanie, odtwarzanie, modyfikowanie i upraszczanie makrodefinicji. Makrodefinicje lokalne i globalne. Przyporządkowanie
Makra Access 2003 wg WSiP Wyszukiwanie, selekcjonowanie i gromadzenie informacji Ewa Mirecka
Makra Access 2003 wg WSiP Wyszukiwanie, selekcjonowanie i gromadzenie informacji Ewa Mirecka Makra pozwalają na zautomatyzowanie często powtarzających się czynności. Opierają się na akcjach np.: otwarcie
Temat: Administracja kontami użytkowników
Temat: Administracja kontami użytkowników Praca z hasłami Tworzenie hasła W zależności od wybranej metody tworzenia konta użytkownika lokalnego Windows XP daje możliwość utworzenia hasła użytkownika podczas
Ogólny schemat prostego formularza: A może lepiej zamiast przycisku opartego o input tak:
Ogólny schemat prostego formularza: A może lepiej zamiast przycisku opartego o input tak: accept - typy zawartości MIME akceptowane przez serwer (opcjonalny) accept-charset - zestaw znaków akceptowanych