Java. dr. A. Dawid. 1. Java2D AWT SWING Inicjalizacja Metody 2. JDBC Connector 3. Servlety Serwer internetowy Klasa HttpServlet 4. JSP 5.

Transkrypt

1 Java PLAN WYKŁADU 1. Java2D AWT SWING Inicjalizacja Metody 2. JDBC Connector 3. Servlety Serwer internetowy Klasa HttpServlet 4. JSP 5. JavaScript dr. A. Dawid

2 Java graficzny interface użytkownika AWT Abstract Window Toolkit Biblioteka komponentów graficznych Okna Komponenty Grafika rastrowa Interakcja (obsługa zdarzeń)

3 Platforma JAVA 2 Java SWING JComponent - rozszerzenie klasy Container biblioteki AWT

4 Java SWING

5 Java SWING Architektura MVC Model generowanie sygnałów (event) View renderowanie komponentów look Controller reakcja komponnetu na urządzenie wejściowe feel Niezależność od plaformy Look and feel taki sam na Linux,Windows, Macintosh

6 Java2D Rozszerzona grafika 2-wymiarowa public void paint (Graphics g){ Graphics2D g2 = (Graphics2D) g ; } Inicjalizacja poprzez rzutowanie obiektu Graphics na obiekt Graphics2D

7 Właściwości Java2D Rysowanie zewnętrznych krawędzi Wypełnianie kolorem lub wzorem Wiele nowych definicji figur Rysowanie trzcionek Rysowanie obrazów gp=new GradientPaint(0f,0f,blue,0f,30f,green); G2.setPaint(gp);

8 Obiekty Java2D Graphics2D Point2D Line2D Rectangle2D,RoundRectangle2D,Arc2D,Ellipse2D QuadCurve2D,CubicCurve2D GeneralPath Area BufferedImage Przykłady.

9 Java2D BufferedImage 1. Wczytywanie obrazu do pamięci. BufferedImage img = null; try { img = ImageIO.read(new File("zima.jpg")); } catch (IOException e) { } Aplet try { URL url = new URL(getCodeBase(), "zima.jpg"); img = ImageIO.read(url); } catch (IOException e) { }

10 BufferedImage Java2D 1. Rysowanie obrazu. void Graphics2D.drawImage(BufferedImage img, BufferedImageOp op, int x, int y) try { img = ImageIO.read(urlx); int w = img.getwidth(null); int h = img.getheight(null); bi = new BufferedImage(w, h, BufferedImage.TYPE_INT_ARGB); Graphics g = bi.getgraphics(); g.drawimage(img, 0, 0, null); } catch (IOException e) { }

11 BufferedImage Java2D 1. Zapis obrazu. try { File outputfile = new File("saved.jpg"); ImageIO.write(bi, "jpg", outputfile); } catch (IOException e){} Przykład PLANSZA.

12 JDBC TM Java DataBase Connectivity Ver. 2.0 Połączenie baz danych z interfejsem programistycznym JAVA MySQL

13 JDBC TM Obiekty DriverManager klasa obsługująca warstwę pomiędzy JDBC a użytkownikiem. Wywołanie bezpośrednie klasy sterownika. Class.forName("com.mysql.jdbc.Driver").newInstance(); Nawiązania połączenia getconnection( parse xml format") Protocol://computer/path?param1=value1&param2=value2 Ex. "jdbc:mysql://localhost/krasnal?user=krasnal&password=krasnal"

14 JDBC TM Obiekty Statement klasa wysyłająca proste zapytania SQL. Podklasy. PreparedStatement,CallableStatement Metody Statement st = c.createstatement(); Umieszcza wyrażenie w kontenerze. ResultSet rs = st.executequery("select * FROM adresy"); Wykonuje zapytanie SQL. int rows=st.executeupdate("create DATABASE test");

15 JDBC TM Obiekty stmt.execute(zapytaniesqloniewiadomymwyniku); while(true) { int rowcount = stmt.getupdatecount(); if(rowcount > 0) // To jest UPDATE { System.out.println( Wiersze zmienione = " + count); stmt.getmoreresults(); continue; } if(rowcount = 0) // komendy DDL lub update = 0 { System.out.println(" nic się nie zmienilo lub komenda DDL ); stmt.getmoreresults(); continue; }

16 JDBC TM Obiekty //Czy to są może wiersze danych ResultSet rs = stmt.getresultset(); if(rs!= null) {... // pobrać informacje na temat kolumn while(rs.next()) {... // przetwarzanie danych stmt.getmoreresults(); continue; } break; // Nie ma więcej zapytań }

17 JDBC TM Obiekt ResultSet ResultSet r = stmt.executequery("select a, b, c FROM Table1"); while (r.next()) { // wydruk wartości dla konkretnego wiersza int i = r.getint("a"); String s = r.getstring("b"); float f = r.getfloat("c"); System.out.println(" i = " + i + " " + s + " " + f); }

18 JDBC TM Duże ilości danych Statement stmt = con.createstatement(); ResultSet r = stmt.executequery( SELECT x FROM Table2 ); // Pobieraj wartości z kolumny jeden w porcjach po 4 kb: byte buff = new byte[4096]; while (r.next()) { InputStream fin = r.getasciistream(1); for (;;) { int size = fin.read(buff); if (size == -1) { // koniec strumienia break; } // Wypisanie bufora: output.write(buff, 0, size); }

19 JDBC TM PreparedStatement PreparedStatement pstmt = con.preparestatement( "UPDATE table4 SET imie =? WHERE jezyk =?"); pstmt.setstring(1, "John"); pstmt.setstring(2, "Ang"); pstmt.claearprameters()//reset parametrów

20 System.err.println("cos nie tak ze sterownikiem:\n"+e); Przykład JDBC TM import java.sql.*; import java.io.*; public class testsql { public static void main(string[] Args) { try { //ladowanie sterownika jdbc Class.forName("com.mysql.jdbc.Driver").newInstance(); } catch (Exception e) {

21 JDBC TM Connection c =DriverManager.getConnection ("jdbc:mysql://localhost/krasnal?user=krasnal&password=krasnal"); //operacja na bazie danych Statement st = c.createstatement(); ResultSet rs = st.executequery("select * FROM adresy"); while (rs.next()) { } System.out.println(rs.getString(1)+" +rs.getstring(2)+" "+rs.getstring(3)); rs.close(); st.close(); c.close();

22 Dynamiczna zawartość http RUN CGI PROGRAM http Klient 1. Zapytanie klienta. Serwer 2. Serwer uruchamia program i przekazuje dane protokołem CGI. 3. Serwer przekazuje odpowiedź z programu do przeglądarki.

23 Formularze <FORM> Definiuje formularz (</FORM> nie pomijany). Atrybuty: ID, LANG, DIR, CLASS, STYLE, TITLE, ACCEPT CHARSET, ACTION, ENCTYPE, METHOD, NAME(N),TARGET. Atrybuty zdarzenia: ONCLICK, ONDBLCLICK, ONKEYDOWN, ONKEYPRESS, ONKEYUP, ONMOUSEDOWN, ONMOUSEMOVE, ONMOUSEOUT, ONMOUSEOVER, ONMOUSEUP, ONSUBMIT, ONRESET.

24 Kodowanie ACTION adres URL aplikacji CGI <FORM ACTION= > ENCTYPE sposób kodowania danych 1. Kodowanie application/x www form urlencoded Nazwa=Firma+Komputerowa&adres= Warszawa%0D%0A+UL.+MORSKA+12 Nazwa: Firma Komputerowa adres: Warszawa UL. MORSKA 12

25 Kodowanie 2. Kodowanie multipart/form data ASX Content-Disposition: form-data; name= nazwa Firma Komputerowa ASX Content-Disposition: form-data; name= adres Warszawa UL. MORSKA ASX 3. Kodowanie text/plain nazwa=firma Komputerowa adres= Warszawa%0D%0A UL. MORSKA 12

26 Metody METHOD metoda przesyłania danych POST - dane w osobnej transmisji. GET - dane w wierszu poleceń. KONTROLKI elementy formularza, pozwalające na wprowadzanie danych.

27 SERVLET Aplikacja wykonywana w środowisku Servera www Zestaw klas do obsługi protokołu. servlet.jar Serwery www: Tomcat Jacarta project Resin import javax.servlet.http.*; import javax.servlet.*;

28 SERVLET Obiekty pakietu Klasa HttpServlet klasa abstrakcyjna/fabrykująca klasy potomne Serializable, serwery wielowątkowe, dostęp Metody wywoływane przez serwer. doget,dopost,doput,dodelete,dohead, dooptions,dotrace,getlastmodified

29 SERVLET public void doget ( HttpServletRequest req, HttpServletResponse res ) throws ServletException, IOException Interface HttpServletRequest Interface HttpServletResponse Ciała metod specyficzne dla danego serwera.

30 SERVLET HttpServletRequest Wybrane metody getcharacterencoding() getcontentlength() getcontenttype() getparameter(string name) getprotocol() getreader() getremoteaddr() getremotehost() getservername() getserverport()

31 SERVLET HttpServletResponse Wybrane metody getbuffersize() getwriter() getcharacterencoding() setbuffersize(int rozmiar) setcontentlength(int dlugosc) setcontenttype(string typ)

32 doget SERVLET public void doget(httpservletrequest req,httpservletresponse res)throws ServletException, IOException { res.setcontenttype("text/html"); PrintWriter pw = res.getwriter(); } pw.println("<head>"); pw.println("<title>nasz Servlet</title>"); pw.println("</head>"); pw.println("<body bgcolor=antiquewhite>"); pw.println("<h1>pierwszy serwlet</h1>"); pw.println("</body>"); pw.close();

33 dopost SERVLET public void dopost(httpservletrequest req,httpservletresponse res)throws ServletException, IOException { res.setcontenttype("text/html"); PrintWriter pw = res.getwriter(); } pw.println("<head>"); pw.println("<title>nasz Servlet</title>"); pw.println("</head>"); pw.println("<body bgcolor=antiquewhite>"); pw.println("<h1>pierwszy serwlet</h1>"); String imie=req.getparameter("imie"); pw.println(imie+"<br>"); pw.println("</body>"); pw.close();

34 SERVLET Przykład 1 /* Prosty servlet Obsluga zwrotna */ import java.io.*; import java.util.*; import javax.servlet.http.*; import javax.servlet.*; public class ServletNasz extends HttpServlet { public void doget ( HttpServletRequest req, HttpServletResponse res ) throws ServletException, IOException { res.setcontenttype("text/html"); PrintWriter pw = res.getwriter(); pw.println("<head>"); pw.println("<meta http-equiv=\"content-type\" content=\"text/html; charset=windows-1250\">"); pw.println("<title>nasz Servlet</title>"); pw.println("</head>");

35 SERVLET Przykład 1 pw.println("<body bgcolor=antiquewhite>"); pw.println("<h1>dodaj dane</h1>"); pw.println("<form method=post action=servletnasz>"); pw.println("<input type=text name=imie>-imie<br>"); pw.println("<input type=text name=nazwisko>nazwisko<br>"); pw.println("<input type=text name=telefon>-telefon<br>"); pw.println("<input type=submit value=wyslij>"); pw.println("</form>"); pw.println("</body>"); pw.close(); } public void dopost ( HttpServletRequest req, HttpServletResponse res ) throws ServletException, IOException { res.setcontenttype("text/html"); PrintWriter pw = res.getwriter();

36 SERVLET Przykład 1 pw.println("<head>"); pw.println("<meta http-equiv=\"content-type\" content=\"text/html; charset=iso \">"); pw.println("<title>nasz Servlet</title>"); pw.println("</head>"); pw.println("<body bgcolor=antiquewhite>"); pw.println("<h1>wynik</h1>"); String imie=req.getparameter("imie"); String nazwisko=req.getparameter("nazwisko"); String telefon=req.getparameter("telefon"); pw.println(imie+"<br>"); pw.println(nazwisko+"<br>"); pw.println(telefon+"<br>"); } pw.println("</body>"); pw.close(); } public ServletNasz() {}

37 SERVLET Przykład 2 (MySQL) /* Prosty servlet Obsluga zwrotna */ import java.io.*; import java.util.*; import java.sql.*; import javax.servlet.http.*; import javax.servlet.*; public class ServletBaza extends HttpServlet { public void CzytajBaze(PrintWriter pw) { try { //ladowanie sterownika jdbc Class.forName("com.caucho.jdbc.mysql.Driver").newInstance(); }

38 SERVLET Przykład 2 (MySQL) try { //nawiazanie polaczenia z baza danych Connection c = DriverManager.getConnection("jdbc:mysql_caucho://localhost:33 06/alex"); //operacja na bazie danych Statement st = c.createstatement(); ResultSet rs = st.executequery("select * FROM adresy"); pw.println("<table border=1>");

39 SERVLET Przykład 2 (MySQL) rs.close(); st.close(); c.close(); } catch (SQLException e) { pw.println(e); } } public void ZapiszDoBazy(PrintWriter pw,string imie,string nazwisko,string telefon) { try

40 SERVLET Przykład 2 (MySQL) { pw.println("cos nie tak ze sterownikiem:\n"+e); } try { //nawiazanie polaczenia z baza danych Connection c = DriverManager.getConnection("jdbc:mysql_caucho://localhost:33 06/alex"); //operacja na bazie danych Statement st = c.createstatement();

41 SERVLET Przykład 2 (MySQL) catch (SQLException e) { pw.println(e); } } public void doget ( HttpServletRequest req, HttpServletResponse res ) throws ServletException, IOException { res.setcontenttype("text/html"); PrintWriter pw = res.getwriter(); pw.println("<head>"); pw.println("<meta http-equiv=\"content-type\" content=\"text/html; charset=windows-1250\">"); pw.println("<title>nasz Servlet</title>"); pw.println("</head>");

42 SERVLET Przykład 2 (MySQL) pw.println("<h1>dodaj dane</h1>"); pw.println("<form method=post action=servletbaza>"); pw.println("<input type=text name=imie>-imie<br>"); pw.println("<input type=text name=nazwisko>nazwisko<br>"); pw.println("<input type=text name=telefon>-telefon<br>"); pw.println("<input type=submit value=wyslij>"); pw.println("</form>"); pw.println(); CzytajBaze(pw); pw.println("</body>"); pw.close(); } public void dopost ( HttpServletRequest req, HttpServletResponse res ) throws ServletException, IOException { res.setcontenttype("text/html"); PrintWriter pw = res.getwriter();

43 SERVLET Przykład 2 (MySQL) pw.println("<head>"); pw.println("<meta http-equiv=\"content-type\" content=\"text/html; charset=iso \">"); pw.println(); pw.println("<title>nasz Servlet</title>"); pw.println("</head>"); pw.println("<body bgcolor=antiquewhite>"); pw.println("<h1>wynik</h1>"); String imie=req.getparameter("imie"); String nazwisko=req.getparameter("nazwisko"); String telefon=req.getparameter("telefon"); pw.println(imie+"<br>"); pw.println(nazwisko+"<br>"); pw.println(telefon+"<br>"); ZapiszDoBazy(pw,imie,nazwisko,telefon); pw.println("</body>"); pw.close(); } public ServletBaza() {} }

44 JSP (Java server pages) Integracja języka JAVA i HTML w Kod wykonywany przez serwer www. ZNACZNIKI: <%-- Komentarz --%> dodaje komentarz Dodawanie bibliotek Dyrektywa page <%@ page import= java.util.* %> <%@ page import= java.sql.* %> Dyrektywa include <%@ include file= Klasa.jsp %> Dyrektywa taglib <%@ taglib uri= prefix= %>

45 JSP (Java server pages) Deklaracja metody <%! public void Pisz(){ System.out.println( Pisz tekst ); } %>

46 JSP (Java server pages) ZNACZNIKI: Wykonywanie kodu <H1> <% Pisz(); %> </H1> <table> <tr><td> <% Pisz(); %> </td></tr> <table>

47 JSP (Java server pages) Zmienne <%! String imie=new String(); %> <% imie=request.getparameter( imie ); %> <form action=nasz.jsp> <input type=text value=<%= imie %>> </form>

48 JSP (Java server pages) SESJE: <HTML> <BODY> <FORM METHOD=POST ACTION=ZapiszNazwe.jsp> Podaj nazwe? <INPUT TYPE=TEXT NAME=nazwa SIZE=10> <INPUT TYPE=SUBMIT> </FORM> </BODY> </HTML> <% String imie=request.getparameter( nazwa ); session.setattribute( snazwa,imie); %> <HTML> <BODY> <A HREF=NastepnaStrona.jsp>Dalej</A> </BODY> </HTML>

49 JSP (Java server pages) NastepnaStrona.jsp <HTML> <BODY> Hello, <%= session.getattribute( snazwa ); </BODY> </HTML>

50 JSP (Java server pages) Własne znaczniki JSP taglib uri= /taglib.tld prefix= nz %> <HTML> <BODY> <nz:witam/> </BODY> </HTML>

51 JSP (Java server pages) Taglib.tld <?xml version= 1.0 encoding= ISO=8859-1?> <taglib> <tlibversion>1.0</tlibversion> <jspversion>1.1 <jspversion> <tag> <name>witam</name> <tagclass>mytags.witam</tagclass> <body context>empty</body context> </tag> </taglib>

52 JSP (Java server pages) Witam.class Package mytags; Import javax.servlet.jsp.*; Import javax.servlet.jsp.tagtext.*; Public class Witam implements Tag { private PageContext pagecontext; private Tag parent; public int dostarttag() throws JSPException { return SKIP_BODY; } public int doendtag () throws JSPException { try{ pagecontext.getout().write( Witam ); } } catch(java.io.exception ex) { throw new JSPException( IO Exception ); } return EVAL_PAGE;

53 JSP (Java server pages) Witam.class public void release (){} public void setpagecontext(pagecontext p) { pagecontext=p; } public void setparent(tag t) { parent = t; } public void getparent() { return parent; } }

54 JSP (Java server pages) PRZYKŁAD FORMULARZ: page import='java.util.*' %> page import='java.io.*' %> page import='java.sql.*' %> <%! String[] text; String Error; int rozmiar; public void CzytajBaze() { int i=0; text = new String[32]; try { //ladowanie sterownika jdbc Class.forName("com.caucho.jdbc.mysql.Driver").newInstance(); }

55 JSP (Java server pages) try { //nawiazanie polaczenia z baza danych Connection c = DriverManager.getConnection("jdbc:mysql_caucho://localhost:33 06/alex"); //operacja na bazie danych Statement st = c.createstatement(); ResultSet rs = st.executequery("select * FROM adresy"); while (rs.next())

56 JSP (Java server pages) rs.close(); st.close(); c.close(); } catch (SQLException e) { Error="Blad:"+e; } %> } <% String fimie=(string)request.getparameter("imie"); String fnazwisko=(string)request.getparameter("nazwisko"); String ftelefon=(string)request.getparameter("telefon");

57 JSP (Java server pages) <h1>wartosci do zapisania:</h1> <H4>Imie: <%= fimie %><BR>Nazwisko: <%= fnazwisko %><BR>Telefon: <%= ftelefon %></H4> <P> <% out.println("aktualny czas: " + new java.util.date()); %> <% CzytajBaze(); %> <% if(error==null){ %> <H2 style="color: blue;">baza adresowa</h2> <table border=1> <tr style="color: green;background-color: yellow;font: 28px bold"><td>imie</td><td>nazwisko</td><td>telefon</td></tr> <% for(int i=0;i<rozmiar;i++) { out.println(text[i]); } %> </table>

58 JSP (Java server pages) <% }else{%><p style="color: #FF0000;"><% out.println(error); } %> </p> </P> </body> </html>

59 JavaScript Wprowadzony wraz z Netscape Navigator 2.0 w celu dodania interaktywności do statycznej strony HTML. Składnia języka skryptowego została oparta na składni Javy, która swoją składnię zawdzięcza C++. Cel Javascript to polepszenie obsługi strony www. Wprowadzenie skryptu do strony. <SCRIPT LANGUAGE = JavaScript > <! - document.write( Hello World ) --> </SCRIPT>

60 Zmienne JavaScript Liczba całkowita z przedrostkiem 0x20 hex. 32 dec Liczba zmiennopozycyjna. Ciąg znaków. (imie= Marceli lub imie= Tomasz ) Zmienne Boole owskie (PRAWDA, FAŁSZ TRUE, FALSE) JavaScript jest tak jak i Java językiem obiektowym. Obiekt=zmienne/stałe+metody powiązane ze sobą. Wyrażenia x=7; str= Hello World ;

61 Operatory. operatory jednoargumentowe (++. ). operatory dwuargumentowe. (+,,*,/). Operatory przypisania x=math.pi; document.write( x= +x); x=false; document.write( x= +x); x= Tekst ; document.write( x= +x); Możliwa jest zmiana typu zmiennej (on fly, czyli w locie). +=, -=, *=, /= przypisanie i działania matematyczne w tym samym czasie.

62 Operatory matematyczne +, dodawanie -, odejmowanie *, mnożenie /, dzielenie %, moduł --, zmniejszenie ++, przyrost Operatory porównania ==, równość!=, różność <, mniejszy od <=, mniejszy lub równy >, większy od >=, większy lub równy

63 Operatory logiczne &&, i (AND), lub (OR)!, nie (NO)!PRAWDA zwraca FAŁSZ i!fałsz zwraca PRAWDA Operatory łańcuchowe +, str= Hello + World! ; ==, case-insensitive.

64 Instrukcje sterujące pracą skryptu. Warunek if...else If(document.lastModified.year<1995) document.write( Bardzo stary dokument. ) If(document.lastModified.year>=1995)&& (document.lastmodified.month>=10) document.write( Nowy dokument. ) else document.write( Stary dokument. )

65 Iteracja for for(count=0;count<10;count++) document.write( Licznik:,count); Iteracja warunkowa while Wykonuje instrukcje tak długo jak jej warunek pozostaje prawdziwy. count=0; while(count<100){ document.write( Licznik:,count); count++; }

66 Instrukcja break (przerwanie) count=0; while(count<100){ if(count==10) break; count++; } Instrukcja continue var i=0; while(i<100){i++ if((i%2)==0) continue; else document.write( Licznik:,i); }

67 Instrukcja function. Function TytulStrony(strNazwa){ return(document.title == strnazwa) } Pętla for...in (iteracja właściwości obiektu) for (i in obj) document.writeln( dla +i+ obj= +obj[i]+ <br> );

68 Instrukcja new (definiuje nowy obiekt). urodziny = new Date(1978,9,17); tablica = new Array(10); Instrukcja return (określa wartość zwracaną przez funkcję) Function square(x){ return x*x; }

69 Instrukcja this. (dostęp do właściwości i metod obiektu) function setsize(x,y){ this.horizsize=x; this.vertsize=y; } document.setsize(640,480); Instrukcja var (podaje nazwę zmiennej). var number=0, liczba=6;

70 Instrukcja with. with document { write Nie potrzeba określać obiektu ; bgcolor = green; }

71 Model obiektu przeglądarki sieciowej. Hierarchia obiektów. window navigator document history location anchor link image form

72 WINDOW Określa bieżące okno przeglądarki Właściwości (dane). closed określa, czy okno zostało zamknięte. defaultstatus wadliwa informacja (linia statusu przeglądarki). length liczba ramek w bieżącym oknie. name nazwa okna. opener nazwa okna rodzica. parent okno z układem ramowym self lub top odnosi się do bieżącego okna. status wiersz stanu przeglądarki.

73 Metody (funkcje). alert(string) okienko dialogowe <OK>. blur() strata focus, dezaktywacja okna. cleartimeout(timerid) kasuje funkcję zegara. close() zamyka wyszczególnione okno. confirm(string) okno dialogowe <OK>,<CANCEL>. eval(string) traktuje string jako kod JavaScript. focus() uaktywnia okno. open() otwiera nowe okno. prompt(string,[inputdefault]) okienko podpowiadające. scroll(x,y) przesuwa okno do podanych współrzędnych. settimeout(expression,msec) podpięcie funkcji pod zegar.

74 Zdarzenia onblur uruchamianie gdy nastąpi dezaktywacja okna. onerror na błąd w oknie. onfocus na aktywację okna. onload na zakończenie ładowania strony. onunload na wyjście użytkownika z obrębu okna.

75 LOCATION Informacje o aktualnie wyświetlonym URL. Właściwości (dane). href zawiera cały URL. protocol razem z dwukropkiem ( host nazwa i numer portu hostname tylko nazwa port nr. Portu 80. path scieżka do dokumentu. hash zawiera wszelkie argumenty CGI po znaku # search zawiera wszelkie argumenty CGI po znaku? Metody (funkcje). assign(string) ustawia location.href.

76 HISTORY Informacje o historii odwiedzanych stron. Właściwości (dane). current zawiera URL bieżącego wpisu historii. length zawiera liczbę wejść na listę historii. previous poprzedni wpis w historii. next następny wpis w historii. Metody (funkcje). Back() cofa się o jeden wpis na liście historii. Forward() przeskakuje o jeden wpis. Go(num) przeskakuje o num wpisów. go(string) skacze do wpisu, który zawiera słowo w zmiennej string

77 DOCUMENT Obiekt definiuje dokument. Właściwości (dane). alinkcolor kolor łącza aktywnego dokumentu. bgcolor kolor tła dokumentu. cookie cookie dokumentu. domain nazwa domeny serwera. fgcolor kolor pierwszego planu. lastmodified data ostatniej modyfikacji dokumentu. linkcolor kolor łączy dokumentu. referrer URL dokumentu, z którego przywołano dokument. title tytuł. URL pełny URL dokumentu. vlinkcolor kolor odwiedzonych łączy.

78 Metody (funkcje). close() zamyka dany dokument. eval(string) oblicza wyrażenie string jako kod JavaScript i zwraca wynik. open() otwiera strumień dla nowego dokumentu. write(expression,[expression...]) wypisuje wyrażenie HTML writeln (expression,[expression...]) dodaje nowe połączenie. Przykład

79 Tablice obiektowe JavaScript Odwoływanie się do większej liczby obiektów w danym oknie lub dokumencie. Przywoływanie obiektów JavaScript 1. Odwoływanie się do hierarchii obiektów. document.flame.src Przykład 2. Tablica obiektów z indeksem numerycznym. document.images[0].src Przykład 3. Tablica skojarzeniowa obiektów. document.images[ FLAME ].src Przykład

80 Tablice objektów JavaScript anchors dla znacznika <A> atrybut NAME. applets <APPLET> arguments jeden dla każdego argumentu funkcji JavaScript. elements jeden dla każdego elementu w formie HTML embeds <EMBED> forms jeden dla każdej formy HTML frames Jeden dla każdego znacznika <FRAME> history jeden dla każdego wpisu na liste historii. images jeden dla każdego znacznika <IMG> links jeden dla każdego znacznika zawierającego href mimetypes jeden dla każdego typu MIME,plug ins, ActiveX options <OPTIONS> plugins jeden dla każdego plug in na przeglądarce klienta

81 Obiekty LINK, AREA, ANCHOR Obiekt link korzysta z atrybutu href, a anchor name znacznika <A> Obiekt area powstaje dla każdego znacznika <AREA> Właściwości mają te same co obiekt location. Zdarzenia OnClick uruchamianie po kliknięciu. OnMouseOver uruchamianie przy najeżdżaniu na obiekt kursorem. OnMouseOut uruchamianie przy zjeżdżaniu z obiektu kursorem.

82 Obiekt IMAGE Tworzone za pomocą znacznika <IMG> Właściwości (dane). border wartość atrybutu BORDER. complete Wskazuje, czy obraz został całkowicie załadowany. height wysokość. hspace atrybut HSPACE. lowsrc atrybut LOWSRC. name atrybut NAME. src źródło danych obrazu. vspace atrybut VSPACE. width szerokość.

83 Zdarzenia OnAbort gdy użytkownik przerywa ładowanie obrazu. OnError gdy wystąpił błąd w trakcie ładowania obrazu. OnLoad uruchamianie po całkowitym załadowaniu obrazu. Przykład (zmiana obrazków)

84 Navigator Informacje na temat przeglądarki Właściwości (dane). appcodename nazwa kodowa przeglądarki. appname nazwa przeglądarki. appversion wersja przeglądarki. language w jakim języku. mimetypes tablica wszystkich typów MIME obsługiwanych. platform typ systemu dla którego została skompilowana. plugins info na temat zainstalowanych dodatków. useragent http protocol user agent: Mozilla/2.0 (Win32; I)

85 Metody javaenabled() test czy obsługa języka java jest załączona plugins.refresh() odświerza liste pluginów. preference() ustawia przeglądarke. savepreferences() nagrywa preferencje prefs.js. taintenabled() pytania przed wysłaniem danych.

86 Obiekty JavaScript Obiekt DATE Newdate=new Date (rok,miesiąc, dzień, godzina, minuta, sekunda); Metody getyear() Zwraca rok.. getmonth() Zwraca miesiąc. getdate() Zwraca dzień miesiąca. getday() Zwraca dzień tygodnia. gethours() Zwraca godzinę. getminutes() Zwraca minuty. getseconds() Zwraca sekundy.

87 gettime() liczba msec od :00:00 gettimezoneoffset() Różnica czasu lokalnego do czasu GMT. setyear(arg) Ustawia rok. setmonth(arg) Ustawia miesiąc. setdate(arg) Ustawia dzień miesiąca. sethours(arg) Ustawia godziny. setminutes(arg) Ustawia minuty. setminutes(arg) Ustawia sekundy. settime(arg) liczba msec od :00:00 togmtstring(arg) Reprezentacja łańcucha daty wg. GMT. tolocalstring(arg) Reprezentacja łańcucha daty wg. czasu lokalnego.

88 Obiekt MATH Udostępnia funkcje matematyczne Właściwości (dane). E stała e=2.73. LN2 logarytm naturalny z 2. LN10 z 10. LOG2E podaje podstawę z 2 logarytmu z e. LOG10E podaje podstawę z 10 logarytmu z e. PI liczba pi=3.14 SQRT1_2 pierwiastek kwadratowy z 1/2. SQRT2 pierwiastek kwadratowy z 2.

89 Metody abs(x) bezwzględna acos(x) arcus cosinus. asin(x) arcus sinus atan(x) arcus tangens x atan2(x,y) arcus tangens x/y ceil(x) zaokrąglenie w góre. cos(x) cosinus x. exp(x) exp(x) floor(x) zaokrąglenie w dół. log(x) logarytm z x. max(x,y) maximum z x i y min(x,y) minimum z x i y pow(x,y) x do potęgi y random() podaje liczbę losową round(x) do liczby całkowitej sin(x) sinus x sqrt(x) pierwiastek kwadratowy. tan(x) tangens.

90 event (JavaScript 1.2) Obiekt opisujący zdarzenia. Właściwości (dane). data zwraca tablicę URLi. height reprezentuje wysokość okna. layerx pozycja X kursora w obszarze layer. layery pozycja Y kursora w obszarze layer. modifiers ALT_MASK, CONTROL_MASK, SHIFT_MASK i META_MASK. pagex pozycja X w odniesieniu do strony pagey pozycja Y w odniesieniu do strony screenx pozycja X w odniesieniu do ekranu screeny pozycja Y w odniesieniu do ekranu target nazwa obiektu do którego odwołuje się zdarzenie. type typ zdarzenia. which numer naciśniętego guzika myszy.

91 width reprezentuje szerokość okna. x synonim dla layerx. y synonim dla layery. screen Obiekt opisujący ekran. Właściwości (dane). availheight wysokość dostępna dla przeglądarki. availleft dostępność z prawej strony. availtop dostępność z góry. availwidth szerokość dostępna dla przeglądarki.. colordepth głębokość bitowa kolorów.

92 height wysokość ekranu. pixeldepth bity na pixel. width szerokość ekranu. string Obiekt opisujący działania na łańcuchach. s1 = JavaScript" // tworzy zmienną typu tekstowego s2 = new String( JavaScript") // tworzy obiekt string s1 = "2 + 2" // s2 = new String("2 + 2") eval(s1) // zwraca 4 eval(s2) // zwraca "2 + 2"

93 Właściwości (dane). constructor zmiana konstruktora obiektu. length zwraca długość łańcucha. prototype dodawanie metod do objektów. var s1 = new String("a") var s2 = new String("b") var s3 = new String("c") function str_rep(n) { var s = "", t = this.tostring() while (--n >= 0) s += t return s } String.prototype.rep = str_rep s1a=s1.rep(3) // returns "aaa" s2a=s2.rep(5) // returns "bbbbb" s3a=s3.rep(2) // returns "cc"

94 Metody anchor() tworzy znacznik HTML anchor <a name= > big() jak znacznik <BIG>. blink() jak znacznik <BLINK>. bold() jak znacznik <B>. charat() zwraca znak dla określonego indeksu. charcodeat() zwraca kod numeryczny dla określonego indeksu. concat() łączy obiekty string. fixed() czcionka monotypiczna <TT>. fontcolor() kolor czcionki. fontsize() rozmiar czcionki. fromcharcode() łańcuch z kodów numerycznych indexof() zwraca index dla wartości znakowej. italics() <I>. link() tworzy link match() porównanie ciągów. replace() odszukanie i zamiana.

95 search() odszukiwanie. slice() wyciąga kawałek tekstu z ciągu. small() jak <SMALL>. split() dzieli ciąg znakowy. strike() jak <STRIKE>. sub() jak <SUB> substr() zwraca ciąg z podanego indeksu z ilością znaków. substring() zwraca ciąg pomiędzy dwoma indeksami. sup() jak <SUP> tolowercase() konwersja do małych znaków. tosource() tworzy źródło. tostring() zwraca ciąg reprezentujący dany objekt. touppercase() konwersja do dużych znaków. valueof() zwraca wartość obiektu

96 Form Właściwości (dane). Formularze a JavaScript Obiekt opisujący znacznik HTML <FORM>. name wartość atrybutu NAME obiektu form. method wartość atrybutu METHOD. action wartość atrybutu ACTION. elements Tablica elementów obiektu form. length liczba elementów obiektu form. encoding wartość atrybutu ENCODING target okno docelowe po wysłaniu odpowiedzi.

97 Metody reset() przywraca wartości początkowe formy. submit() przekazuje formę. handleevent() przekazuje uchwyt dla zdarzenia (event). Zdarzenia onreset Po kliknięciu reset lub po wywołaniu metody reset. onsubmit Po kliknięciu submit lub po wywołaniu metody submit.

98 Użycie obiektów do manipulowania elementami form Dotyczy wszelkich obiektów związanych ze znacznikiem <INPUT> Właściwości (dane). name wartość atrybutu NAME elementu. value zawartość pola. type typ kontrolki. form określa formularz zawierający kontrolkę. defaultvalue początkowa wartość pola. Metody Focus() uaktywnienie danego obiektu. Blur() dezaktywowanie danego obiektu. Select() wybiera dany obiekt. Submit() przekazuje formę zgodnie z atrybutami ACTION i METHOD.

99 Zdarzenia onfocus klawisz tab lub kliknięcie myszą. onblur uruchamianie gdy użytkownik deaktywuje okno. onselect uruchamianie, gdy zmiana tekstu w oknie. onsubmit uruchamianie po przekazaniu formy. onchange uruchamianie po zmianie tekstu. Właściwości oraz zdarzenia obiektów radio oraz checkbox Właściwości (dane). name wartość atrybutu NAME elementu. value zawartość pola. type typ kontrolki. form określa formularz zawierający kontrolkę. checked stan pola wyboru. defaultchecked początkowy stan pola wyboru.

100 Metody focus() uaktywnienie danego obiektu. blur() dezaktywowanie danego obiektu. click() klika przycisk i uruchamia dla niego czynność. submit() przekazuje formę zgodnie z atrybutami ACTION i METHOD. Zdarzenia onfocus klawisz tab lub kliknięcie myszą. onblur uruchamianie gdy użytkownik deaktywuje okno. onclick uruchamianie, po naciśnięciu przycisku. onsubmit uruchamianie po przekazaniu formy. onchange uruchamianie po zmianie tekstu.

101 Właściwości oraz zdarzenia obiektów select Właściwości (dane). name wartość atrybutu NAME elementu. length wartość atrybutu NAME elementu. type typ kontrolki. form określa formularz zawierający kontrolkę. selectedindex wybrany indeks z pola wyboru. options odpowiada znacznikowi OPTION.

102 Metody focus() uaktywnienie danego obiektu. blur() dezaktywowanie danego obiektu. handleevent() wywołuje uchwyt tego specyficznego zdarzenia. Zdarzenia onfocus klawisz tab lub kliknięcie myszą. onblur uruchamianie gdy użytkownik deaktywuje okno. onclick uruchamianie, po naciśnięciu przycisku. onchange uruchamianie po zmianie tekstu.

103 Właściwości oraz zdarzenia obiektów options Właściwości (dane). length ilość elementów options. text tekst w znaczniku OPTION. value wartość zwracana do serwera po wybraniu opcji. index indeks określający numer wyboru. selected definiuje stan opcji. defaultselected określa początkowy stan opcji.

104 Przykłady JavaScript Zmiana wielkości liter Objekty select i option Przechwytywanie zdarzeń