prowadzący dr ADRIAN HORZYK /~horzyk Konsultacje paw. D-13/325D

HTML
DOWNLOAD

Wielkość: px

Rozpocząć pokaz od strony:

Download "prowadzący dr ADRIAN HORZYK /~horzyk e-mail: horzyk@agh Konsultacje paw. D-13/325D"

Elżbieta Kucharska
9 lat temu
Przeglądów:

1 INTERNET i PROJEKTOWANIE STRON WWW LABORATORIUM 3. prowadzący dr ADRIAN HORZYK home.agh.edu.pl/~ /~horzyk horzyk@agh agh.edu.pl tel.: Konsultacje paw. D-13/325D

edu.pl/~ /~horzyk e-mail: horzyk@agh agh.edu.pl tel.

2 JavaScript Prz. 4. POŻEGNANIE Pozegnanie.html <title>pozegnanie</title> function powitanie (imie) { alert ("Cześć! Witamy na naszej stronie " + ((imie=="brak"? "" : imie) + "!")); function podaj_imie () { imie = prompt ("Proszę podaj nam swoje imię", ""); if (imie == null imie == "") { imie = "brak"; document.write ("Miło, że jesteś z nami!<br>szanujemy twoją prywatność.<br>"); else { document.write ("Miło, że jesteś z nami " + imie + "!<BR>"); 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."); <body onload = "powitanie(imie)"; onunload = "pozegnanie(imie)"> <h2> var imie = podaj_imie(); --> </script></h2>

$\nmamy nadzieję, że niedługo znów nas odwiedzisz."); else { alert("do widzenia!\nmamy nadzieję, że niedługo znów nas odwiedzisz."); <body onload = "powitanie(imie)"; onunload = "pozegnanie(imie)"> <h2> var imie = podaj_imie(); --> </script></h2>$

3 JavaScript i FORMULARZE Prz. 5. DANE KLIENTA DaneKlienta.html <title>dane klienta</title> function przetwarzaj() { var brakuje_danych = false; var formularz = document.forms[0]; var napis = ""; if (formularz.imie.value == "") { napis += "imię\n"; brakuje_danych = true; if (formularz.nazwisko.value == "") { napis += "nazwisko\n"; brakuje_danych = true; if (formularz.adres.value == "") { napis += "adres\n"; brakuje_danych = true; if (formularz. .value == "") { napis += " \n"; brakuje_danych = true; if (!brakuje_danych) formularz.submit(); else alert ("Nie wypełniono następujących pól:\n" + napis); <body> <h1>rejestracja STAŁYCH KLIENTÓW</h1> <h2><form name="formularzklienta"> Proszę o podanie swoich danych w celu wpisania ich do bazy stałych klientów naszego biura podróży: <font size="-1"><br>(pola oznaczone * są obligatoryjne)</font><br><br> <table border="0"> <tr><td><b>dane personalne:</b></td><td></td></tr> <tr><td>imię:</td><td><input type="text" name="imie">*</td></tr> <tr><td>nazwisko:</td><td><input type="text" name="nazwisko">*</td></tr> <tr><td>wiek:</td><td><input type="text" name="wiek"></td></tr> <tr><td>adres:</td><td><input type="text" name="adres">*</td></tr> <tr><td>telefon:</td><td><input type="text" name="telefon"></td></tr> <tr><td> </td><td><input type="text" name=" ">*</td></tr> <tr><td colspan="2" style="text-align: center"><input type="button" name="wyslij" value=" Wyślij swoje dane! " onclick="przetwarzaj()"></td></tr> </table></form></h2>

$adres.value == "") { napis += "adres\n"; brakuje_danych = true; if (formularz.email.value == "") { napis += "email\n"; brakuje_danych = true; if (!brakuje_danych) formularz.$

4 JavaScript i FORMULARZE Prz. 6. NOWE OKNO OtworzStrone.html <title>otwórz stronę WWW</title> function otworzokno() { var dlugosc = document.forms.formularz.dlugosc.value; var wysokosc = document.forms.formularz.wysokosc.value; var url = document.forms.formularz.url.value; parametry = 'scrollbars=yes,width=' + dlugosc + ',height=' + wysokosc; newwindow = open(url, 'secondwindow', parametry); <body> <h2><center> <form name="formularz"> <table border="0"> <tr><td>długość okna:</td><td><input type="text" name="dlugosc" size="15"></td></tr> <tr><td>wysokość okna:</td><td><input type="text" name="wysokosc" size="15"></td></tr> <tr><td>url do strony:</td><td><input type="text" name="url" size="40" value=" <tr><td colspan="2"><input type="button" name="noweokno" value=" Otwórz nowe okno! " onclick="otworzokno()"></td></tr> </table></form> </center></h2>

5 LITERATURA i ODNOŚNIKI 1. Elizabeth Castro, Po prostu HTML, XHTML i CSS, Wydanie VI, HELION, ISBN: , Gliwice, David Crowder, Rhonda Crowder, Tworzenie stron WWW. Biblia, Wydanie I, ISBN , Helion, Gliwice, Elisabeth Freeman & Eric Freeman, Head Frist HTML with CSS & XHTML, Helion, ISBN: /8, Gliwice, Programiści praca grupowa, Zaawansowane programowanie JavaScript, Helion, ISBN: , Gliwice, Marcin Lis, PHP i MySQL dla każdego, Helion, ISBN: , Gliwice, Marcin Lis, Ćwiczenia praktyczne MySQL. Darmowa baza danych, Helion, ISBN: , Gliwice, Todd Stauffer, Kurs tworzenia stron internetowych, Helion, ISBN: , Wydanie I, Gliwice, Luke Welling & Laura Thomson, PHP i MySQL. Vademecum profesjonalisty, Helion, ISBN: , Gliwice, Wikipedia, Kevin Yank, PHP i MySQL, Helion, ISBN: , Gliwice, Jeffrey Zeldman, Projektowanie serwisów WWW. Standardy sieciowe., Wydanie II, Helion, ISBN: , Gliwice, 2007.

Programiści praca grupowa, Zaawansowane programowanie JavaScript, Helion, ISBN: 83-7197-687-9, Gliwice, 2003. 5. Marcin Lis, PHP i MySQL dla każdego, Helion, ISBN: 83-7361-694-2, Gliwice, 2005. 6.

Podobne dokumenty

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ć