Aplikacje WWW - laboratorium
|
|
|
- Damian Barański
- 9 lat temu
- Przeglądów:
Transkrypt
1 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 wysłaniem do serwera. Formularz będzie miał charakter dynamiczny, tzn. niektóre jego elementy będą zmieniać swój stan pod wpływem działań użytkownika. Do wykonania ćwiczenia potrzebny jest dowolny edytor plików tekstowych oraz przeglądarka internetowa. 1. Stwórz dwa pliki tekstowe znajdujące się w tym samym katalogu dyskowym: formularz.htm i form_check.js. 2. Formularz ma służyć do wprowadzania danych potrzebnych do rejestracji w pewnym serwisie internetowym. Potrzebne informacje to przede wszystkim dane osobowe. W celu utworzenia formularza wykorzystaj element FORM języka HTML. Formularz o nazwie formularz1 powinien umożliwiać wprowadzanie następujących danych: imię, nazwisko, płeć(wybór jednej z opcji), nazwisko panieńskie, , ulica, kod pocztowy, miasto, uwagi (pole tekstowe). Dla lepszej wizualizacji formularza pola można umieścić w komórkach tabeli. Zawartość pliku formularz.htm powinna być następująca: <html> <head> <title>javascript</title> <meta http-equiv="content-type" content="text/html; charset=iso "> </head> <body> <center> <form name="formularz1"> <table border=0> <tr><td align="right">imię</td> <td><input type=text name="f_imie"></td></tr> <tr><td align="right">nazwisko</td> <td><input type=text name="f_nazwisko"></td></tr> <tr><td align="right">płeć</td> <td align="left"> <input name="f_plec" value "f_k" checked type="radio"/> kobieta<br> <input name="f_plec" value="f_m" type="radio"/> mężczyzna</td></tr> <tr><td align="right">nazwisko panieńskie</td> <td><input type=text name="f_nazwisko_p"></td></tr> <tr><td align="right"> </td> <td><input type=text name="f_ "></td></tr> <tr><td align="right">kod pocztowy</td> <td><input type=text name="f_kod_pocztowy"></td></tr> <tr><td align="right">ulica/osiedle</td> <td><input type=text name="f_ulica"></td></tr> <tr><td align="right">miasto</td> <td><input type=text name="f_miasto"></td></tr> <tr><td align="right">uwagi</td> <td><textarea rows="5" cols="15" name="field1" id="idfield1"> </textarea></td></tr> <tr><td colspan="2" align="center"> <input type="button" value="przeslij"></td></tr> </table>
2 </form> </center> </body> </html> Plik jest wyświetlany przez przeglądarkę w następujący sposób 3. W pliku form_check.js umieść definicje funkcji, które będą sprawdzały elementarne warunki, jakie powinny spełniać wartości wprowadzane do formularza. Sprawdzana powinna być długość napisu, format kodu pocztowego oraz adresu poczty internetowej. // wyswietla na ekranie komunikat o wymaganym polu function showwarrningreq(mesg) alert('pole "' + mesg + '" jest wymagane') return true // zwraca wartosc prawda jesli przekazany argument to cyfra function isdigit (c) return ((c >= "0") && (c <= "9")) // zwraca wartosc prawda jesli przekazany argument to pusty lancuch function isempty(st) if (st.length == 0) return true return false // zwraca wartosc prawda jesli przekazany argument to ciag bialych znakow function iswhitespace(st)
3 var ws = "\t\n\r "; for (i = 0; i < st.length; i++) var c = st.charat(i); if ( ws.indexof(c) == -1) return false; return true; // zwraca wartosc prawda jesli przekazany argument to niepusty lancuch, // ktory nie zawiera tylko bialych znakow function checkstring(st, mesg) if ( iswhitespace(st) isempty(st) ) showwarrningreq(mesg); return false; return true // zwraca wartosc prawda jesli przekazany argument to poprawny kod // pocztowy function checkpostalcode(st) var s = st; if (s.length == 6 ) if ( (s.charat(2)) == "-" ) if ( isdigit(s.charat(0)) && isdigit(s.charat(1)) && isdigit(s.charat(3)) && isdigit(s.charat(4)) && isdigit(s.charat(5)) ) return true; alert("zły kod pocztowy"); alert("zły kod pocztowy"); alert("zły kod pocztowy"); // zwraca wartosc prawda jesli przekazany argument to poprawny adres function check (st) if (iswhitespace(st)) alert("podaj właściwy "); at = st.indexof("@") if (at < 1)
4 alert("nieprawidłowy ") return false var l; l= -1; for (var i = 0; i < st.length; i++) var c = st.charat(i); if ( c == ".") l = i; if ( (l < (at+2) ) (l == st.length-1) ) alert("nieprawidłowy "); return true; 4. Dodaj do powyższego kodu funkcję, która dla każdego sprawdzanego pola formularza wywoła odpowiednie metody do sprawdzenia elementarnych warunków. function validate(form) return ( checkstring(form.elements["f_imie"].value, 'imię') && checkstring(form.elements["f_nazwisko"].value,'nazwisko') && check (form.elements["f_ "].value) && checkpostalcode(form.elements["f_kod_pocztowy"].value) && checkstring(form.elements["f_ulica"].value,'ulica/osiedle') && checkstring(form.elements["f_miasto"].value,'miasto') ) 5. Dodaj do nagłowka HTML (sekcja <head></head>) w pliku formularz.htm odwołanie do zewnętrznego pliku (form_check.js) zawierającego skrypt w języku JavaScript. Dodaj do formularza wywołanie funkcji validate w wyniku zajścia zdarzenia polegającego na zatwierdzeniu tego formularza. Ostatecznie plik powinien zawierać następujący kod: <html> <head> <title>javascript</title> <meta http-equiv="content-type" content="text/html; charset=iso "> <script src="form_check.js"></script> </head> <body> <center> <form name="formularz1"> <table border=0> <tr><td align="right">imię</td> <td><input type=text name="f_imie"></td></tr> <tr><td align="right">nazwisko</td> <td><input type=text name="f_nazwisko"></td></tr> <tr><td align="right">płeć</td> <td align="left"> <input name="f_plec" value "f_k" checked type="radio"/> kobieta<br> <input name="f_plec" value="f_m" type="radio"/> mężczyzna</td></tr> <tr><td align="right">nazwisko panieńskie</td>
5 <td><input type=text name="f_nazwisko_p"></td></tr> <tr><td align="right"> </td> <td><input type=text name="f_ "></td></tr> <tr><td align="right">kod pocztowy</td> <td><input type=text name="f_kod_pocztowy"></td></tr> <tr><td align="right">ulica/osiedle</td> <td><input type=text name="f_ulica"></td></tr> <tr><td align="right">miasto</td> <td><input type=text name="f_miasto"></td></tr> <tr><td align="right">uwagi</td> <td><textarea rows="5" cols="15" name="field1" id="idfield1"> </textarea></td></tr> <tr><td colspan="2" align="center"> <input type="button" value="przeslij" onclick="validate(this.form);"></td></tr> </table> </form> </center> </body> </html> 6. Uruchom plik w przeglądarce. Przetestuj działanie formularza wprowadzając poprawne i niepoprawne dane oraz pozostawiając niektóre pola puste.
6 7. Kolejnym krokiem ćwiczenia będzie rozbudowanie formularza w taki sposób, aby pole nazwisko panieńskie było dostępne tylko dla osoby, która jest kobietą. W tym celu konieczne będzie obsłużenie zdarzenia polegającego na przełączeniu pomiędzy wartościami kobieta/mężczyzna. W zależności od kierunku zmiany pole nazwisko panieńskie powinno stać się widoczne lub niewidoczne. Do tego celu zostanie wykorzystana właściwość stylu o nazwie visibility. Może ona przyjąć wartości visible albo hidden. Zmiana nastąpi przy zajściu zdarzenia onclick. 8. Dodaj do pliku formularz.htm kod JavaScript odpowiedzialny za zmianę właściwości visibility dla elementu, którego identyfikator jest przekazywany do funkcji jako argument. <body> <script type=text/javascript> function showx(elem) document.getelementbyid(elem).style.visibility='visible'; function hidex(elem) document.getelementbyid(elem).style.visibility='hidden'; </script> 9. Rozbuduj definicję pola służącego do wprowadzania nazwiska panieńskiego w taki sposób, aby możliwe było jego ukrywanie. Poniżej znajduję się rozwiązanie. Dotychczasowy kod: <input type=text name="f_nazwisko_p"> Zastąp przez: <span id="div_nazw" style="visibility:visible;"> <input type=text name="f_nazwisko_p"> </span> 10. Dodaj obsługę zdarzenia polegającego na wybraniu jednej z opcji oznaczających płeć. W zależności od wybranej płci powinno nastąpić ukrycie albo wyświetlenie pola do wprowadzenia nazwiska panieńskiego. Dotychczasowy kod: <input name="f_plec" value "f_k" checked type="radio"/> <input name="f_plec" value="f_m" type="radio"/> Zastąp przez: <input name="f_plec" value "f_k" checked type="radio" onclick="showx('div_nazw')"/> <input name="f_plec" value="f_m" type="radio" onclick="hidex('div_nazw')"/>
7 11. Po wykonaniu wszystkich poprzednich kroków plik formularz.htm powinien mieć następującą zawartość: <html> <head> <title>javascript</title> <meta http-equiv="content-type" content="text/html; charset=iso "> <script src="form_check.js"></script> </head> <body> <script type=text/javascript> function showx(elem) document.getelementbyid(elem).style.visibility='visible'; function hidex(elem) document.getelementbyid(elem).style.visibility='hidden'; </script> <center> <form name="formularz1"> <table border=0> <tr><td align="right">imię</td> <td><input type=text name="f_imie"></td></tr> <tr><td align="right">nazwisko</td> <td><input type=text name="f_nazwisko"></td></tr> <tr><td align="right">płeć</td> <td align="left"> <input name="f_plec" value "f_k" checked type="radio" onclick="showx('div_nazw')"/> kobieta<br> <input name="f_plec" value="f_m" type="radio" onclick="hidex('div_nazw')"/> mężczyzna</td></tr> <tr><td align="right">nazwisko panieńskie</td> <td><span id="div_nazw" style="visibility:visible;"> <input type=text name="f_nazwisko_p"></span> </td></tr> <tr><td align="right"> </td> <td><input type=text name="f_ "></td></tr> <tr><td align="right">kod pocztowy</td> <td><input type=text name="f_kod_pocztowy"></td></tr> <tr><td align="right">ulica/osiedle</td> <td><input type=text name="f_ulica"></td></tr> <tr><td align="right">miasto</td> <td><input type=text name="f_miasto"></td></tr> <tr><td align="right">uwagi</td> <td><textarea rows="5" cols="15" name="field1" id="idfield1"> </textarea></td></tr> <tr><td colspan="2" align="center"> <input type="button" value="przeslij" onclick="validate(this.form);"></td></tr> </table> </form> </center> </body> </html>
8 12. Uruchom formularz w przeglądarce i sprawdź jego działanie.
9 13. Język JavaScript oferuje możliwość wykorzystania mechanizmu wyrażeń regularnych. Mogą one służyć do weryfikacji czy dany napis odpowiada zdefiniowanemu przez programistę wzorcowi. W utworzonym formularzu można znaleźć dwa fragmenty gdzie warto skorzystać z wyrażeń regularnych. Jest to sprawdzanie poprawności kodu pocztowego i adresu mailowego. Zastąp funkcję check (znajduje się w pliku form_check.js) poniższą definicją i sprawdź działanie formularza. function check (st) var = /[a-za-z_0-9]+@[a-za-z_0-9]+\.[a-za-z][a-za-z]+/ if ( .test(st)) return true; alert("podaj właściwy "); 14. Kolejnym zadaniem w ćwiczeniu będzie usprawnienie działania formularza przez dodanie weryfikacji kodu pocztowego w czasie rzeczywistym, tzn. podczas wpisywania tekstu przez użytkownika. W tym celu koniecznie jest wykorzystanie zdarzenia następującego w chwili wpisania nowego znaku w pole kodu pocztowego. Dotychczasowy kod <td><input type=text name="f_kod_pocztowy"></td> zastąp przez: <td width="200"><input type=text name="f_kod_pocztowy" onkeyup="check_postal(this);"><b id="kod">źle</b></td> Powyższa zmiana wprowadza obsługę zdarzania onkeyup, które następującego po puszczeniu klawisza. Dodatkowo, obok pola do wprowadzania kodu pocztowego, został dodany tekst z identyfikatorem kod. Ten tekst będzie sygnalizował użytkownikowi, czy wpisywany kod jest poprawny. 15. Konieczne jest zdefiniowanie funkcji sprawdzającej wpisany tekst po każdym puszczeniu klawisza. W odróżnieniu od wcześniej zaimplementowanej funkcji checkpostalcode w pliku form_check.js, dodaj funkcję check_postal do sekcji SCRIPT w pliku formularz.htm. Kod tej funkcji znajduje się poniżej. function check_postal(elem) var postal_code = /^[0-9]2-[0-9]3$/ if (postal_code.test(elem.value) ) document.getelementbyid("kod").innerhtml = "OK"; document.getelementbyid("kod").innerhtml = "Źle";
![Zastąp funkcję checkemail (znajduje się w pliku form_check.js) poniższą definicją i sprawdź działanie formularza. function checkemail(st) var email = /[a-za-z_0-9]+@[a-za-z_0-9]+\.](/docs-images/43/4801395/images/page_9.jpg "[a-za-z][a-za-z]+/ if (email.test(st)) return true; alert(\"podaj właściwy e-mail\"); 14.")
10 16. Sprawdź działanie ukończonego formularza.
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
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
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
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,
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,
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
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ą
Zdarzenia Zdarzenia onload i onunload
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ć
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
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
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
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.
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
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ę
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
Wykład 03 JavaScript. Michał Drabik
Wykład 03 JavaScript Michał Drabik Język programowania wykorzystywany na stronach internetowych głównie w celu umożliwienia interakcji z użytkownikiem. Kod JavaScript może być umieszczany w kodzie XHTML
Odsyłacze. Style nagłówkowe
Odsyłacze ... polecenie odsyłcza do dokumentu wskazywanego przez url. Dodatkowym parametrem jest opcja TARGET="...", która wskazuje na miejsce otwarcia wskazywanego dokumentu, a jej parametrami
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
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ć,
Podstawy JavaScript ćwiczenia Kontekst: 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
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
FORMULARZE Formularz ma formę ankiety, którą można wypełnić na stronie. Taki formularz może być np. przesłany pocztą elektroniczną e-mail.
1 FORMULARZE Formularz ma formę ankiety, którą można wypełnić na stronie. Taki formularz może być np. przesłany pocztą elektroniczną e-mail.
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,
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
Referat z przedmiotu Technologie Internetowe SPIS TREŚCI
SPIS TREŚCI 1.Dwie metody przekazu danych do serwera 2 2.Metoda GET przykład 3 3.Metoda POST przykład 4 4.Kiedy GET a kiedy POST 5 5.Szablony po co je stosować 7 6.Realizacja szablonu własną funkcją 8
HTML (HyperText Markup Language) hipertekstowy język znaczników
HTML (HyperText Markup Language) hipertekstowy język znaczników Struktura dokumentu tytuł strony
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
Palindromy. Przykładowe rozwiązanie
Palindromy Palindromem (z greckiego) nazywamy wyraz, który tak samo brzmi, gdy jest czytany wspak. Palindromami są na przykład takie wyrazy, jak kajak, zaraz, oko, zakaz, mam itp. Użytkownik wprowadza
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
Ćwiczenie 8. Kontrolki serwerowe
Ćwiczenie 8 Temat: Kontrolki serwerowe ASP.NET cz.2 Cel ćwiczenia: W ramach tego ćwiczenie student zapozna się z kolejnymi kontrolkami serwerowymi oraz z metodami ich walidacji, a także z kontrolkami umożliwiającymi
Aplikacje WWW - laboratorium
Aplikacje WWW - laboratorium JavaServer Faces Celem ćwiczenia jest przygotowanie aplikacji internetowej z wykorzystaniem technologii JSF. Prezentowane ćwiczenia zostały wykonane w środowisku Oracle JDeveloper
Projekt strony internetowej firmy organizującej przyjęcia
Politechnika Śląska Gliwice Wydział Automatyki, Elektroniki i Informatyki Rok akademicki 2010/2011 Kierunek: Automatyka i Robotyka, semestr 5 Semestr zimowy Projekt strony internetowej firmy organizującej
Wprowadzenie do Internetu Zajęcia 5
Zajęcia 5 Formularze w PHP Przekazywanie danych ze strony do skryptu PHP Dane ze strony WWW do skryptu PHP można przekazać za pomocą formularzy. W tym celu należy stworzyć formularz (znacznik ),
Dokumentacja smsapi wersja 1.4
Dokumentacja smsapi wersja 1.4 1. Wprowadzenie Platforma smsapi została skierowana do użytkowników chcących rozbudować swoje aplikacje o system wysyłania smsów. Aplikacja ta w prosty sposób umożliwia integrację
I. Dlaczego standardy kodowania mailingów są istotne?
1 Tabela zawartości: I. Dlaczego standardy kodowania mailingów są istotne? 3 II. Budowa nagłówka wiadomości. 4 III. Style kaskadowe CSS. 4 IV. Elementarna budowa szablonu. 6 V. Podsumowanie. 9 2 I. Dlaczego
Umieszczanie kodu. kod skryptu
PHP Definicja PHP jest językiem skryptowym służącym do rozszerzania możliwości stron internetowych. Jego składnia jest bardzo podobna do popularnych języków programowania C/C++, lecz jest bardzo uproszczona
DOM (Document Object Model)
DOM (Document Object Model) Czym jest DOM? Platforma, która pozwala skryptom na dynamiczny dostęp do zawartości strony i jej aktualizację. Elementy można dodawać, zmieniać lub usuwać. Specyfikacje Poziomy
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
LABORATORIUM 2 WSTĘP DO SIECI TELEINFORMATYCZNYCH TABELE I FORMULARZE
LABORATORIUM 2 WSTĘP DO SIECI TELEINFORMATYCZNYCH TABELE I FORMULARZE 1. TABELE 1.1. Definicja tabeli Definicja tabeli musi być umieszczona między znacznikami. W ich ramach umieszczane są definicje rzędów
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
1. Proszę wejść na stronę: poczta.home.pl i zalogować się do nowej skrzynki e-mail za pomocą otrzymanych danych.
1. Proszę wejść na stronę: poczta.home.pl i zalogować się do nowej skrzynki e-mail za pomocą otrzymanych danych. 2. Po poprawnym zalogowaniu się, przejdziemy do nowej skrzynki. Ważną informacją jest zajętość
SPECYFIKACJA TECHNICZNA PRODUKTÓW REKLAMOWYCH SIECI LOCAL POWER. Specyfikacja ważna od 21 maja 2018 r.
SPECYFIKACJA TECHNICZNA PRODUKTÓW REKLAMOWYCH SIECI LOCAL POWER Specyfikacja ważna od 21 maja 2018 r. 1 SPIS TREŚCI 1 Formaty, rozmiary i wagi standardowych...3 2 Wymagania ogólne dla reklam...3 2.1 Reklamy
Przetwarzanie dokumentów XML i zaawansowane techniki WWW Zdarzenia w JavaScript (Zajęcia r.)
Przetwarzanie dokumentów XML i zaawansowane techniki WWW Zdarzenia w JavaScript (Zajęcia 08 25.04.2016 r.) 1) Zdarzenia w JavaScript Zdarzenia są sygnałami generowanymi w chwili wykonywania ściśle określonych
SIECI KOMPUTEROWE I BAZY DANYCH
Akademia Górniczo-Hutnicza Wydzia ł Inżynierii Mechanicznej i Robotyki Katedra Robotyki i Dynamiki Maszyn SIECI KOMPUTEROWE I BAZY DANYCH ĆWICZENIE NR 9 Temat: CEL ĆWICZENIA: Nabycie umiejętności tworzenia
Technologie informacyjne lab. 4
Technologie informacyjne lab. 4 Cel ćwiczenia: Zapoznanie się z komunikacją ze zdalnym serwerem w sieci na przykładzie bezpiecznego serwera SSH. Wstępne zapoznanie się z ideą certyfikatów. Praca z edytorem
Specyfikacja techniczna dot. mailingów HTML
Specyfikacja techniczna dot. mailingów HTML Informacje wstępne Wszystkie składniki mailingu (pliki graficzne, teksty, pliki HTML) muszą być przekazane do melog.com dwa dni albo maksymalnie dzień wcześniej
Przykładowa integracja systemu Transferuj.pl
Krajowy Integrator Płatności Spółka Akcyjna z siedzibą w Poznaniu, przy ul. Św. Marcin 73/6, wpisana do rejestru przedsiębiorców Krajowego Rejestru Sądowego prowadzonego przez Sąd Rejonowy Poznań Nowe
Wybrane znaczniki HTML
Wybrane znaczniki HTML Struktura dokumentu HTML informacje o dokumencie i plikach zewnętrznych zawartość wyświetlana w przeglądarce wraz z tagami formatującymi
INSTALACJA I KONFIGURACJA SERWERA PHP.
LABORATORIUM 0 INSTALACJA I KONFIGURACJA SERWERA PHP. W celu poprawnego wykonywania zadań na laboratorium konieczne jest zainstalowanie na komputerze wyposażonym w system operacyjny Windows następujących
PWI Instrukcja użytkownika
PWI Instrukcja użytkownika Spis treści 1. Wprowadzenie... 1 2. Przebieg przykładowego procesu... 1 3. Obsługa systemu... 5 a. Panel logowania... 5 b. Filtrowanie danych... 5 c. Pola obligatoryjne... 6
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ść
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
Internetowe bazy danych
Wyższa Szkoła Technologii Teleinformatycznych w Świdnicy Internetowe bazy danych wykład 7 dr inż. Jacek Mazurkiewicz e-mail: Jacek.Mazurkiewicz@pwr.wroc.pl Sesje i stan aplikacji w kategorii czasu okres
obecnie tabeli nie stosuje się do budowy struktury witryny (stosuje się za to pozycjonowanie elementów i warstwy) faktycznie wymagają
Tabela obecnie tabeli nie stosuje się do budowy struktury witryny (stosuje się za to pozycjonowanie elementów i warstwy) tabel używa się wyłącznie do prezentacji tych danych, które tego tabel używa się
Format HTML. Wybrane działy Informatyki Stosowanej. Definicja i przeznaczenie Struktura dokumentu Znaczniki Formularze i komponenty
Wybrane działy Informatyki Stosowanej Format HTML Definicja i przeznaczenie Struktura dokumentu Znaczniki Formularze i komponenty dr hab. inż. Andrzej Czerepicki 2019 Definicja HTML HyperText Markup Language
Wdrożenie modułu płatności eservice. dla systemu Zen Cart 1.3.9 1.5
Wdrożenie modułu płatności eservice dla systemu Zen Cart 1.3.9 1.5 - dokumentacja techniczna Wer. 01 Warszawa, styczeń 2014 1 Spis treści: 1 Wstęp... 3 1.1 Przeznaczenie dokumentu... 3 1.2 Przygotowanie
JAK W NAGŁÓWKU STRONY LUB BLOGA
JAK W NAGŁÓWKU STRONY LUB BLOGA WSTAWIĆ FORMULARZ AUTORESPONDERA? - DLA STRON ZAINSTALOWANYCH NA SYSTEMIE WORDPRESS - http://www.michalandrzejczak.pl Copyright 2014 http://www.michalandrzejczak.pl Wszystkie
Programowanie WEB PODSTAWY HTML
Programowanie WEB PODSTAWY HTML Najprostsza strona HTML tytuł strony To jest moja pierwsza strona WWW. tytuł strony
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 Serwlety Celem ćwiczenia jest przygotowanie kilku prostych serwletów ilustrujących możliwości tej technologii. Poszczególne ćwiczenia prezentują sposób przygotowania środowiska,
Michał Bielecki, KNI 'BIOS'
Michał Bielecki, KNI 'BIOS' PHP czyli język typu client side 1. przeglądarka www żąda dokumentu o rozszerzeniu.php 2. serwer odbiera żądanie i przesyła do parsera php 3. parser php znajduje żądany plik
13. Konfiguracja proxy http, smtp, pop3, ftp, ssl
13. Konfiguracja proxy http, smtp, pop3, ftp, ssl Każdy z mechanizmów proxy w urządzeniach NETASQ może działać w sposób transparentny dla użytkownika, tzn. nie wymagać konfiguracji przeglądarki czy innego
rk HTML 4 a 5 różnice
rk HTML 4 a 5 różnice kompatybilność Pierwszym dużym plusem języka HTML 5 jest to, że jest zdefiniowany w sposób umożliwiający kompatybilność wstecz. Składnia Przykład dokumentu podporządkowującego się
SIECI KOMPUTEROWE I BAZY DANYCH
Akademia Górniczo-Hutnicza Wydział Inżynierii Mechanicznej i Robotyki Katedra Robotyki i Dynamiki Maszyn SIECI KOMPUTEROWE I BAZY DANYCH ĆWICZENIE NR 10 Temat: INTERFEJS SYSTEMU BAZODANOWEGO W PHP. BUDOWA
How To? Konfiguracja podglądu strumienia z kamer IP ACTi
How To? Konfiguracja podglądu strumienia z kamer IP ACTi Poznań 2010 Wprowadzenie Ten dokument zawiera informacje o wykorzystaniu kontrolki ActiveX w celu integracji podglądu na żywo z kamery ACTi ze stroną
Autoryzacja zleceń kodem SMS. Dodatek do instrukcji głównej
Płońsk 2019 Spis treści Spis treści Oznaczenia...3...4 1.1. Pierwsze logowanie...4 1.2. Logowanie do systemu...6 1.3. Reset hasła dostępu...7 1.4. Zmiana hasła dostępu...7 2. Autoryzacja kodem SMS...9
Aplikacje internetowe
Temat: Język HTML i style CSS Aplikacje internetowe Pracownia specjalistyczna, studia podyplomowe, rok 2011/2012 1. Stwórz formularz HTML pozwalający na rejestrację użytkownika w aplikacji internetowej.
Podstawy technologii WWW
Podstawy technologii WWW Ćwiczenie 8 PHP, czyli poczatki nowej, dynamicznej znajomosci Na dzisiejszych zajęciach rozpoczniemy programowanie po stronie serwera w języku PHP. Po otrzymaniu żądania serwer
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
Budowa aplikacji ASP.NET współpracującej z bazą dany do obsługi przesyłania wiadomości
Budowa aplikacji ASP.NET współpracującej z bazą dany do obsługi przesyłania wiadomości część 2 Zaprojektowaliśmy stronę dodaj_dzial.aspx proszę jednak spróbować dodać nowy dział nie podając jego nazwy
Szczegóły dotyczące kolokwium nr 1
Szczegóły dotyczące kolokwium nr 1 1) W czasie kolokwium można korzystać wyłącznie z materiałów papierowych przyniesionych ze sobą (zalecane poprawione i uzupełnione wersje!). 2) Sposób wykorzystania Internetu
Formularze w PHP dla początkujących
Instrukcja numer 07 Formularze w PHP dla początkujących Zaawansowane techniki tworzenie stron WWW Bazy danych w PHP dla początkujących Formularze stworzone w HTML mogą służyć jako metoda pobierania informacji
Edukacja na odległość
Ćwiczenie 2. Edukacja na odległość Obsługa konta WWW na serwerze Linuksowym Tworzenie portalu edukacyjnego o określonej, wybranej przez studenta tematyce naukowej. Cel ćwiczenia: Projektowanie strony czołowej
Tworzenie Stron Internetowych. odcinek 5
Tworzenie Stron Internetowych odcinek 5 Nagłówek zawiera podstawowe informacje o dokumencie, takie jak: tytuł strony (obowiązkowy) metainformacje/metadane (obowiązkowa deklaracja
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ą
Formularze Pobierają dane od użytkownika strony i wysyłają je do przetworzenia na serwerze (gdzie potrzebne są skrypty,któredaneprzetworzą najczęściej
Formularze Pobierają dane od użytkownika strony i wysyłają je do przetworzenia na serwerze (gdzie potrzebne są skrypty,któredaneprzetworzą najczęściej stosuje się język PHP lub JSP)
Young Programmer: HTML+PHP. Dr inż. Małgorzata Janik, Zajęcia #2
Young Programmer: HTML+PHP Dr inż. Małgorzata Janik, Zajęcia #2 Ramowy program warsztatów Zajęcia 1: Zajęcia wprowadzające, HTML Zajęcia 2: Style CSS (tabele i kaskadowe arkusze stylów) Zajęcia 3: Podstawy
Przykładowa integracja systemu tpay.com KIP S.A. ul. Św. Marcin 73/ Poznań.
KIP S.A. ul. Św. Marcin 73/6 61-808 Poznań www.kipsa.pl www.tpay.com 1 Przesyłanie parametrów transakcji Poniżej przedstawiono kod przykładowej strony HTML, której zadaniem jest przekierowanie klienta
Laboratorium 6 Tworzenie bloga w Zend Framework
Laboratorium 6 Tworzenie bloga w Zend Framework Przygotowanie bazy danych 1. Wykonaj skrypt blog.sql, który założy w bazie danych dwie tabele oraz wpisze do nich przykładowe dane. Tabela blog_uzytkownicy
Zakres treści Czas. 2 Określenie charakteru i tematyki strony. Rodzaje witryn. Projekt graficzny witryny. Opracowanie skryptów
Aplikacje internetowe KL. III Rok szkolny: 011/01 Nr programu: 31[01]/T,SP/MENIS/004.06.14 Okres kształcenia: łącznie ok. 180 godz. lekcyjne Wojciech Borzyszkowski Zenon Kreft Moduł Bok wprowadzający Podstawy
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
Wyrażenie include(sciezka_do_pliku) pozwala na załadowanie (wnętrza) pliku do skryptu php. Plik ten może zawierać wszystko, co może się znaleźć w
Wyrażenie include(sciezka_do_pliku) pozwala na załadowanie (wnętrza) pliku do skryptu php. Plik ten może zawierać wszystko, co może się znaleźć w obrębie skryptu. Wyrażenia include() i require() są niemal
SOGA web co powinieneś wiedzieć
SOGA web co powinieneś wiedzieć 1. Zakup Opłata za użytkowanie serwisu SOGA web wynosi 990zł netto za pierwszy rok oraz 99zł za każdy kolejny. Do uruchomienia serwisu konieczne jest posiadanie licencji
WYKONANIE APLIKACJI OKIENKOWEJ OBLICZAJĄCEJ SUMĘ DWÓCH LICZB W ŚRODOWISKU PROGRAMISTYCZNYM. NetBeans. Wykonał: Jacek Ventzke informatyka sem.
WYKONANIE APLIKACJI OKIENKOWEJ OBLICZAJĄCEJ SUMĘ DWÓCH LICZB W ŚRODOWISKU PROGRAMISTYCZNYM NetBeans Wykonał: Jacek Ventzke informatyka sem. VI 1. Uruchamiamy program NetBeans (tu wersja 6.8 ) 2. Tworzymy
Na początku utworzymy formularz w czystym języku HTML i przetestujemy go za pomocą przeglądarki WWW.
Tematy: Przygotowanie formularza Przesyłanie danych przez formularz Mechanizm PostBack W rozdziale 1. pojawiła się prosta definicja strony WWW definicja ta określiła dynamiczną stronę WWW jako stronę,
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
Zawartość specyfikacji:
Zawartość specyfikacji: Wielkość, waga i kodowanie Umieszczanie obrazków w kreacji Elementy niedopuszczalne Nazewnictwo plików Stopka mailingu Nie spełniam wymagań pracodawcy Waga, wielkość i kodowanie
Wybrane działy Informatyki Stosowanej
Wybrane działy Informatyki Stosowanej Aplikacje WWW. Statyczne oraz dynamiczne strony WWW. Skrypty po stronie klienta. Dr inż. Andrzej Czerepicki a.czerepicki@wt.pw.edu.pl http://www2.wt.pw.edu.pl/~a.czerepicki
Wydział Elektrotechniki, Informatyki i Telekomunikacji Instytut Informatyki i Elektroniki
Wydział Elektrotechniki, Informatyki i Telekomunikacji Instytut Informatyki i Elektroniki Instrukcja do zajęć laboratoryjnych Przetwarzanie i organizowanie danych : bazy danych Nr ćwiczenia 10 Temat Aplikacje
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ł 3 Formularze Agenda Podstawy formularzy HTML Podstawowe kontrolki formularzy HTML Nowe kontrolki z HTML
Wdrożenie modułu płatności eservice. dla systemu oscommerce 2.3.x
Wdrożenie modułu płatności eservice dla systemu oscommerce 2.3.x - dokumentacja techniczna Wer. 01 Warszawa, styczeń 2014 1 Spis treści: 1 Wstęp... 3 1.1 Przeznaczenie dokumentu... 3 1.2 Przygotowanie
Obiektowe bazy danych
Obiektowe bazy danych Wykład 7 Paweł Gmys Interfejs uŝytkownika C++ JAVA PERL PHP 2006-05-14 Paweł Gmys wykład 8 2 Czym są skrypty PHP? Programy umieszczane w treści stron WWW. Wykonywane przez serwer
Instrukcja użytkownika
Instrukcja użytkownika Bydgoszcz 2017 Strona: 1/12 Spis treści 1 Konfiguracja i obsługa funkcjonalności... 3-1.1 Wstęp... 3 1.2 Konfiguracja stacji klienckiej... 3 1.3 Weryfikacja istniejącego dokumentu...
Instrukcja użytkownika Rejestracja zmiany/dopełnienia kodów pocztowych Rejestracja zmiany numeru lokalu Rejestracja zmiany numeru PESEL
Instrukcja użytkownika Rejestracja zmiany/dopełnienia kodów pocztowych Rejestracja zmiany numeru lokalu Rejestracja zmiany numeru PESEL Numer wersji: 1.0 Data ostatniej aktualizacji: 2016-12-16 Spis treści
1. Składanie wniosku rejestracyjnego - rejestracja konta użytkownika/firmy
1. Składanie wniosku rejestracyjnego - rejestracja konta użytkownika/firmy Po wejściu na stronę Serwisu KLIPER https://kliper.tvp.pl w celu rejestracji należy wybrać polecenie zaloguj się a po przejściu
Język PHP. Studium Podyplomowe Sieci Komputerowe i Aplikacje Internetowe. v1.7, 2007/11/23
Język PHP Studium Podyplomowe Sieci Komputerowe i Aplikacje Internetowe v1.7, 2007/11/23 1 Wprowadzenie Język PHP [1] jest obiektowym językiem skryptowym przeznaczonym do implementacji wstawek programowych
Ć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
Obiekt navigator. Dodał Administrator wtorek, 16 marzec :32
Obiekt navigator przechowuje informacje dotyczące przeglądarki, jej nazwy, wersji, języka, systemu operacyjnego, na którym została uruchomiona, itp. Nie jest częścią specyfikacji W3C, ale większość produktów
INSTRUKCJA Panel administracyjny
INSTRUKCJA Panel administracyjny Konto nauczyciela Spis treści Instrukcje...2 Rejestracja w systemie:...2 Logowanie do systemu:...2 Przypomnienie hasła:...2 Przypomnienie hasła:...2 Przesłanie zgłoszenia