Разработка Web-приложений для iPhone

);

}

+'*$'", 2-18. Q@1$C-4 deleteBook()

S#"*011"#+6= B@1$C-- 4%.40+#4 +", :+" +0*@0872 -130$# ISBN "1& -(%.0$&0+ -( +0$#+"%"?"

,".4 (document.getElementById("formISBN").value).

93&.01-0 ,)03@#8&+)-%&0+ %7,".101-0 ",0)&C-- delete % +&*.-C&> Books - TextBook.

A?4%?#$9% /*=.5"#,# 2%3.45."'(

P)&1(&$C-4 #"#+"-+ -( 3%@> $"8&13. 9#,0E1"0 (&%0)E01-0 ,0)%"2 10 ,)03@#8&+)-%&0+ $&$->-.-*" 302#+%-2. 9#,0E1"0 (&%0)E01-0 %+")"2 "*)&*&+7%&0+#4 #.03@=D02 B@1$C-02 (L-#+-1? 2-19)

function processDeleteBook(transaction,results){ reportStatus("D)0I" A("$+)""); selectISBNs(systemDB);

}

+'*$'", 2-19. S*)&*"+$& @#,0E1"?" (&%0)E01-4 $1-?-.

G%:.1%"'.! K+& B@1$C-4 ,0)0@#+&1&%.-%&0+ #0.0$+") $1-?. Q@1$C-4 selectISBNs() )#8&+)-%&. %7E0.

2.17.@4#"*&)#0) 0#H"%2.=00 * $.4&0=.;

A0)%0) ."$&.61"2 A9UH ,"330)/-%&0+, ,)&$+-:0#$-, %#0 $"8&137 4(7$& SQL. H.4 "*1"%.01-4 -1B")8&C-- " $1-?0 8"/1" ,".6("%&+6#4 ,)-08"8, )#8"+)01178 )&100 (#8. 2.12), & 8"/1" -#,".6("%&+6 B@1$C-=, -#,".6(@=D@= $"8&13@ update. H.4 #","#+&%.01-4 1-/0 (L-#+-1?- 2-20, 2-21) ,)-%"34+#4 "*& #,"#"*&.

1-H c=#*#?

< I+"8 #.@:&0 ,0)%&4 $"8&13& (DELETE) -#,".6(@0+ $"1#+)@$C-= WHERE 3.4 ",)030.01-4 +"2 (&,-#- % +&*.-C0 $"+")@= 1@/1" (&801-+6. G"8&13& INSERT 3"./1& (&10#+- % +&*.-C@ 1"%@=, (&8014=D@= @3&.011@= (&,-#6.

//

function updateData1(db)

{

db.transaction(

function (transaction) {

transaction.executeSql('DELETE FROM . . . WHERE . . .; ', [], nullDataHandler, killTransaction);

transaction.executeSql('INSERT into . . . (. . .) '+ ' VALUES (. . .); ',

[], nullDataHandler, killTransaction);

}

);

}

+'*$'", 2-20. M#,".6("%&1-0 3.4 "*1"%.01-0 (&,-#- $"8&13 DELETE, INSERT

2-H c=#*#?

K+"+ #,"#"* ,)03@#8&+)-%&0+ 10,"#)03#+%011"0 ,)-80101-0 $"8&137 UPDATE. G"1#+)@$C-4 WHERE -#,".6(@0+#4 3.4 +"?", :+"*7 @$&(&+6 $&$@= (&,-#6 % +&*.-C0 1@/1"

31

(&801-+6.

function updateData2(db)

{

/* S*1"%.01-0 3&117> % +&*.-C7 */

db.transaction(

function (transaction) { transaction.executeSql('UPDATE . . . SET . . . '+

' WHERE . . .; ',

[], nullDataHandler, killTransaction);

}

);

}

+'*$'", 2-21. M#,".6("%&1-0 3.4 "*1"%.01-0 (&,-#- $"8&137 UPDATE

< :+- SET @#+&1&%.-%&=+#4 1"%70 (1&:01-4 ,".02 %7*)&11"2 (&,-#-.

2.18. G(4"%5. /.##(; 0: #),5"&'50; $.4&0=

< )#8&+)-%&08"8 ,)-."/01-- 1& WEB #+)&1-C0 "+"*)&/&0+#4 -1B")8&C-4 "* "31"2 $1-?0. H.4 +"?", :+"*7 I+@ -1B")8&C-= %7*)&+6 -( *&(7, -#,".6(@0+#4 #.03@=D&4 B@1$C-4

(L-#+-1? 2-22).

function selectBookByISBN(db,isbn)

{

/* : ;3-# <"430 1',-$)52345 (+#43105 */

db.transaction(

function (transaction) {

//C(+4@ ?-/)- ,04"3@ Javascript 8- ( transaction.executeSql(

'SELECT Books.ISBN as "ISBN",Title, '+ 'Price,Authors,HTMLText FROM Books,TextBook '+ 'where Books.ISBN=TextBook.ISBN AND Books.ISBN=?', [isbn],

processBookByISBN,

killTransaction);

}

);

}

+'*$'", 2-22. <7*")$& $1-?- H.4 %7*")$- -1B")8&C-- -#,".6(@0+#4 (1&:01-0 ISBN $1-?-

6/"9&''-#?4%?#$1'9'

Q@1$C-4-"*)&*"+:-$ @#,0E1"?" (&%0)E01-4 ,)-%"3-+#4 1-/0 (L-#+-1? 2-23)

function processBookByISBN(transaction,results) { var len= results.rows.length;

if(len==0) {

32

reportStatus("G1-?- # (&,)"E01178 ISBN 10 "*1&)@/01""); return;

}

document.getElementById("formTitle").value = results.rows.item(0)['Title'];

document.getElementById("formAuthors").value = results.rows.item(0)['Authors'];

document.getElementById("formPrice").value = results.rows.item(0)['Price'];

document.getElementById("formBody").value = results.rows.item(0)['HTMLText'];

document.getElementById("formISBN").value = results.rows.item(0)['ISBN'];

reportStatus("K-$5 !-.?' A43")-1$+)'" );

}

+'*$'", 2-23. V&10#01-0 3&117> % ,".4 )03&$+-)"%&1-4.

S#"*011"#+6= 3&11"?" (&,)"#& 4%.40+#4 +"+ B&$+, :+" % )0(@.6+&+0 0?" (&%0)E01-4 8"/0+ *7+6 %"(%)&D01" 10 *".00 "31"2 (&,-#-. < B@1$C---"*)&*"+:-$0 % ,)"#+02E08 %-30 "*)&*&+7%&0+#4 #.@:&2 "+#@+#+%-4 (&,-#02 % %7*")$0.

D4#3.49% =4%3'78"#*$' 2%='*' 2%=4#*%

V&,)"#7, "#@D0#+%.4=D-0 %7*")$@ 3&117> -( 10#$".6$-> +&*.-C, "*7:1" 4%.4=+#4 10 #&878- ,)"#+78-. F0)03 %#+)&-%&1-08 -> % ,)"?)&88@, /0.&+0.61" %7,".1-+6 ,)"%0)$@ ,)&%-.61"#+- (&,-#- (&,)"#&. H.4 I+"?" 8"/1" -#,".6("%&+6 WEB Kit. J& )-#. 2-8 ,"$&(&1 (&,)"# - 0?" %7,".101-0 % $"1#".- WEB Kit

)'*. 2-8 <7,".101-0 (&,)"#& SELECT % $"1#".- WEB Kit S*)&+-+0 %1-8&1-0 1& #,"#"* -801"%&1-4 ,".02 (&,-#- ($"1#+)@$C-4 AS).

2.19. D%)/,$.*&)#01

H)@?"2 %"(8"/172 #,"#"* %7*")$- -1B")8&C-- -( 10#$".6$-> +&*.-C #"#+"-+ % -#,".6("%&1-- ,)03#+&%.01-2 (VIEW). F)03#+&%.01-0 – I+" +&*.-C&, #"(3&11&4 1& "#1"%0 ",0)&+")& SELECT. F)03#+&%.01-4 8"/1" -#,".6("%&+6 3.4 %7*")$- -1B")8&C-- +&$/0, $&$ - "*7:170 +&*.-C7.

C#20%"'. =4.0*$%37."'H

H.4 -#,".6("%&1-4 % ,)-."/01-- 8"/1" #"(3&+6 ,)03#+&%.01-0 MYBOOK # ,"8"D6= #.03@=D0?" ",0)&+")& SQL.

CREATE VIEW IF NOT EXISTS MYBOOK AS

SELECT DISTINCT Books.ISBN as 'ISBN', Title, Price, Authors, HTMLText

33

FROM Books, TextBook

WHERE Books.ISBN=TextBook.ISBN;

< ",0)&+")0 SELECT, 1& "#1"%0 $"+")"?" #"(3&1" ,)03#+&%.01-0, -#,".6("%&1& -#,".6("%&1& %7*")$& 10,"%+")4=D->#4 (&,-#02 (DISTINCT).

H.4 @3&.01-4 ,)03#+&%.01-4 8"/1" *7." *7 -#,".6("%&+6 ",0)&+") DROP DROP VIEW MYBOOK

S,0)&+")7 CREATE VIEW - DROP VIEW ,)-%"34+#4 ,"330)/-%&=+#4 #0)%0)"8 A9UH Safari - 8"?@+ *7+6 -#,".6("%17 % ,)-."/01-4>.

E;?#49% 0%"";@ '2 =4.0*$%37."'(

V&,-#- -( ,)03#+&%.01-4 8"/1" %7*-)&+6 # -#,".6("%&1-08 SELECT. J0$"+")70 ,)-80)7 ,)-%"34+#4 1& )-#. 2.9.

)'*. 2.10. F)-80)7 %7*")$- (&,-#02 -( ,)03#+&%.01-4 MYBOOK

B*=#782#3%"'. =4.0*$%37."'H 07( 2%".*."'( '"I#4:%&'' 3 ?%2/

'&100 )#8&+)-%&.-#6 #,"#"*7 (&10#01-4 -1B")8&C-- % *&(@ # ,"8"D6= 3%@> ",0)&+")"% INSERT # 4%178 -#,".6("%&1-08 3%@> +&*.-C. K+@ (&3&:@ 8"/1" )0E-+6 3)@?-8 #,"#"*"8, # ,"8"D6= ,)03#+&%.01-4 MYBOOK - +)-??0)&. F@#+6, 10"*>"3-8" (&10#+- % *&(@ 3&117> -1B")8&C-= " 1"%"2 $1-?0. N#.- 3.4 %7,".101-4 I+"?" 302#+%-4 -#,".6("%&+6 ",0)&+"), INSERT

INSERT INTO MYBOOK (ISBN,Title,Price,Authors, HTMLText)

34

VALUES ('

ISBN2',

'JS<;X GJMY;', 999,

'JS<Z[ ;<PS'', '<b>JS<;X GJMY;</b>'

);

+" ,"4%-+#4 #""*D01-0 "* "E-*$0 ()-# 2.11).

)'*. 2.11. F",7+$& (&10#01-4 (&,-#- % ,)03#+&%.01-0

5+"*7 %7,".14+6 ,"3"*1"?" )"3& 302#+%-4, 10"*>"3-8" #"(3&+6 +)-??0) – #,0C-&.61@= ,)"C03@)@, 3.4 %7,".101-4 302#+%-2, 10"*>"3-87> % ,)"?)&880.

A0)%0) A9UH A&B&)- ,"330)/-%&0+ %#0 %-37 +)-??0)"% (DELETE,INSERT,UPDATE), 3.4 1&E0?" ,)-."/01-4 10"*>"3-8 +)-??0) INSTEAD OF (%80#+"), ,"(%".4=D-2 (&801-+6 ",0)&C-= (&10#01-4 3&117> % ,)03#+&%.01-0, ",0)&C-02 (&10#01-4 (&,-#02 % +&*.-C7, 1&3 $"+")78- ,"#+)"01" ,)03#+&%.01-0. '#8"+)-8 +".6$" I+"+ %-3 +)-??0)&.

>4',,.4;

P)-??0)7 INSTEAD OF 10 ",)030.4=+#4 #+&13&)+"8 4(7$& SQL, 1" )0&.-("%&17 %" 81"?-> $"880):0#$-> A9UH. H.4 #"(3&1-4 +)0*@08"?" +)-??0)& +)0*@0+#4 $"8&13&:

CREATE TRIGGER IF NOT EXISTS MYBOOKINSIOF INSTEAD OF INSERT ON MYBOOK

BEGIN

INSERT INTO Books (ISBN,Title,Price,Authors) VALUES (new.ISBN, new.Title, new.Price, new.Authors);

INSERT INTO TextBook (ISBN,HTMLText) VALUES (new.ISBN, new.HTMLText);

END;

P)-??0) «,0)0>%&+7%&0+» (&10#01-0 -1B")8&C-- % ,)03#+&%.01-0 - «%80#+" I+"?"» (&1"#-+ -1B")8&C-= % #""+%0+#+%@=D-0 +&*.-C7.

N#.- ,"#.0 #"(3&1-4 +)-??0)& MYBOOKINSIOF %7,".1-+6 $"8&13@ «INSERT INTO MYBOOK (ISBN,…», +" )0(@.6+&+ 00 %7,".101-4 *@30+ $"))0$+178. A"#+"41-0 +&*.-C ,"#.0 (&10#01-4 -1B")8&C-- " 1"%"2 $1-?0 ,"$&(&1 1& )-#. 2-12.

35

)'*. 2-12. V&10#01-0 -1B")8&C-- % *&(@ # -#,".6("%&1-08 ,)03#+&%.01-4 MYBOOK

'#8"+)01172 ,)-80) 3"#+&+":1" ,)"#+. J" %" 81"?-> #.@:&4> ,"3"*172 ,"3>"3 ,"(%".40+ (1&:-+0.61" @,)"#+-+6 #."/170 (&,)"#7, #"$)&+-+6 "*R08 $"3& - #30.&+6 ."?-$@ )&*"+7 ,)"?)&887 *".00 ,)"#+"2.

2.20. @4%.4"$5. /%CF0; :.+%","*, *":*%.I.6I0; /.##()

< ,)-."/01-- 10"*>"3-8" %7:-#.4+6. <7:-#.-+6 I+" (1&:01-0 8"/1" # ,"8"D6= ,)"#+"?" (&,)"#&. V&,-E08 B@1$C-=, ",)030.4=D@= :-#." $1-? % *&(0 (+'*$'", 2-23).

function selectCount(db)

{

/* : ;3-# <"430 1',-$)52345 (+#43 105 */

db.transaction(

function (transaction) {

//C(+4@ ?-/)- ,04"3@ Javascript 8-( transaction.executeSql(

'SELECT count() as "total" FROM Books', [], processSelectCount, errorHandler);

}

);

}

+'*$'", 2-23. V&,)"# 1& %7:-#.01-0 :-#.& $1-? % *&(0

36

Q@1$C-4 selectCount(db) #"30)/-+ 03-1#+%011@= +)&1(&$C-=, #"#+"4D@= -( "31"2 $"8&137. J0@3&:1"0 (&%0)E01-0 (&,)"#& %7(7%&0+ B@1$C-= , #""*D&=D@= " ,"4%.01-- (10B&+&.61"2) "E-*$-.

A?4%?#$9% /*=.5"#,# 2%3.45."'(

9#,0E1"0 (&%0)E01-0 (&,)"#& ,)03@#8&+)-%&0+ %"(%)&D01-0 )"%1" "31"2 (&,-#-. < (&,-#- -800+#4 03-1#+%011"0 ,".0 – 'total'. Q@1$C-4 "*)&*"+:-$ ,)-%0301& 1& .-#+-1?0 2-24.

function processSelectCount(transaction,results){ var total=results.rows.item(0)['total']; initPage(total);

}

+'*$'", 2-24. S*)&*"+$& :-#.& $1-?

F"#.0 %7:-#.01-4 :-#.& $1-? % *&(0 %7,".140+#4 -1-C-&.-(&C-4 #+)&1-C7. P0$#+ B@1$C-- initPage() ,)-%"3-+#4 % )&(30.0 «F".172 +0$#+ ,)-."/01-4».

2.21. JC#5=00 "4%.4"$50 /.##(;

A0)%0) A9UH A&B&)- 10*".6E"0 :-#." %#+)"0117> B@1$C-2. K+- B@1$C-- ,0)0:-#.017 1-/0.

!,4.,%$";. I/"9&''. K+- B@1$C-- ",)030.4=+#4 1& 81"/0#+%0 (&,-#- %7*")$-, S1- ,"(%".4=+ ",)030.4+6 10$"+")70 ,".0(170 (1&:01-4 *0( 3",".1-+0.61"?" ,)"?)&88-)"%&1-4. <#+)"01170 &?)0?&+170 B@1$C-- ,0)0:-#.017 1-/0. < "*"(1&:01-4> X (&3&0+ -84 ,".4 % (&,-#-

oavg(X) – #)03100 (1&:01-0 ,".4 X 1& %#08 81"/0#+%0 %"(%)&D0117> (&,-#02 ((1&:01-4 NULL 10 @:-+7%&=+#4)

o count(X) – :-#." (&,-#02 ((& -#$.=:01-08 X=NULL) % %7*")$0 o count() - :-#." (&,-#02 % %7*")$0

o max(X) – 8&$#-8&.61"0 (1&:01-0 ,".4 X % %7*")$0 o min(X) - 8-1-8&.61"0 (1&:01-0 ,".4 X % %7*")$0

osum(X) - #@88&)1"0 (1&:01-0 ," %#08 X % %7*")$0 (%0)10+ NULL 1& ,@#+"8 81"/0#+%0 (&,-#02)

ototal(X) - ) - #@88&)1"0 (1&:01-0 ," %#08 X % %7*")$0 (%0)10+ 0.0 1& ,@#+"8 81"/0#+%0 (&,-#02)

F)-80) -#,".6("%&1-4 B@1$C-2 max - min ,"$&(&1 1& )-#. 2-13.

)'*. 2-13. F)-80101-0 &?)0?&+17> B@1$C-2

37

C9%7(4";. I/"9&''. < 3",".101-0 $ &?)0?&+178 B@1$C-48, 8"/1" -#,".6("%&+6 "*7:170,

#$&.4)170 B@1$C--, #,-#"$ $"+")7> ,"$&(&1 1-/0. !&.78- *@$%&8- x (&3&17 #$&.4)170 (1&:01-4.

o abs(x) – %7:-#.40+ &*#".=+1@= %0.-:-1@ x

o max(x1,…) – %7:-#.40+ 8&$#-8&.61"0 -( #,-#$& (1&:01-2 o min(x1,…) – %7:-#.40+ 8-1-8&.61"0 -( #,-#$& (1&:01-2.

A0)%0) A9UH ,"330)/-%&0+ - 3)@?-0 B@1$C--. F".172 #,-#"$ B@1$C-2 8"/1" 1&2+- % +0>1-:0#$"2 3"$@801+&C-- ," A&B&)-.

2.22. D"(3 $)5,$ +%0&"8)#01

F".172 +0$#+ ,)-."/01-4 (&%0)E&0+ "*#@/301-0 ,)"?)&88-)"%&1-4 *&( 3&117> 3.4 A&B&)-. J-/0 ,)-%"3-+#4 HTML $"3 "#1"%1"2 #+)&1-C7 ,)-."/01-4 - ,".172 $"3

JavaScript #C01&)-4.

A*"#3"%( *$4%"'&% =4'7#F."'(

<-3 ?.&%1"2 #+)&1-C7 ,)-."/01-4 ,"$&(&1 1& '-#. 2-14.

&) '0/-8 )03&$+-)"%&1-4 *) '0/-8 308"1#+)&C-- )'*. 2-14. S#1"%1&4 #+)&1-C& ,)-."/01-4

A+)&1-C& )&(*-+& ?")-("1+&.6178- .-1-48- 1& 4 "*.+-. <0)>144 "*.+6 A"30)/-+

38

(&?"."%"$, "1& 10 80140+#4 %" %)084 -#,".101-4. < #.03@=D@= (& #)03102 "*.+6 %7%"34+#4 #""*D01-4 " 302#+%-4> # *&("2 3&117>. Q@1$C-4 reportStatus() ,)-%0301& 1-/0 %

.-#+-1?0 # JavaScript $"3"8. A.03@=D&4 "*.+6 ,"$&(7%&0+ )0/-8 "+"*)&/01-4, $.-$ ," 1&3,-#- ,"$&(&+6,0)0%"3-+ #+)&1-C@ -( )0/-8& )03&$+-)"%&1-4 $1-?- % )0/-8 00 308"1#+)&C--. M( )0/-8& 308"1#+)&C-- 8"/1" %1"%6 %0)1@+6#4 $ )03&$+-)"%&1-=. J-/144 #0$C-4 ,"$&(7%&0+ $1-?@ % "31"8 -( 3%@> )0/-8"%: )0/-80 )03&$+-)"%&1-4 -.- )0/-80 ,)"#8"+)&.

F".172 HTML $"3 "#1"%1"2 #+)&1-C7 ,)-%0301 1& .-#+-1?0 2-25.

<html>

<head>

<meta http-equiv="content-type" content="text/html;charset=utf-8" /> <title>L2-1</title>

<script type='text/javascript' src='javascript/main.js' encode="utf-8"></script> <script type='text/javascript' src='javascript/dbSQLStore.js'

encode="utf-8"></script> </head>

<body onload='initDB()'> <h1>Database Examples</h1>

How to open or create Database <hr/>

<div id="status" style="color:green">

%"&" ("))'* )+ 4-&(")"

</div>

<hr/>

L+/0? -3-7."/+)05: <span onclick="changeMode()" id="mode" style="color:red">K-8"&"3@</span>

<hr/>

<select size="1"id="bookISBNSelect" onclick="setBookInfo(this.selectedIndex)"> <option value="one">first</option>

<option value="two">second</option> <option value="three">third</option>

</select>

<div id="htmlBody" style="display:none">HTML</div> <div id="htmlForm" style="display:block">

F"&1")0+ <input type='text' id="formTitle" width='40'/><br/> ISBN <input type='text' id="formISBN" width='40'/><br/>

M+)" <input type='text' id="formPrice" width='40'/><br/> G13-.' <input type='text' id="formAuthors" width='40'/><br/> <textarea id="formBody" style="width:300px;height:100px">123</textarea><br/><br/>

<span onclick="addBook(systemDB)" style="color:blue"> E-7"103@ </span><span onclick="updateBook(systemDB)" style="color:blue"> 67)-103@ </span>

<span onclick="deleteBook(systemDB)" style="color:blue"> N("$03@ </span> </div>

</body>

</html>

+'*$'", 2-25. G"3 HTML

J#0 =4'7#F."'(. JavaScript

G"3 #C01&)-0% )&(*-+ 1& 3%& B&2.&. < ,0)%"8 B&2.0 (main.js) 1&>"34+#4 B@1$C--, 10

39

#%4(&1170 # *&(&8- 3&117>. <" %+")"8 (dbSQLStore.js) – "*0#,0:-%&=D-0 %(&-8"302#+%-0 # *&(&8- 3&117>

K.H*$3'( ". *3(2%"";. * ?%2#H 0%"";@. 6%H7 main.js

AC01&)-2 1& .-#+-1?0 2-26 ,)-%"3-+ B@1$C-- "*0#,0:-%&=D-0 "+"*)&/01-0 -1B")8&C-- 1& "#1"%1"2 #+)&1-C0 - )0&$C-= ,)-."/01-4 1& 302#+%-4 ,".6("%&+0.4.

function main(){

}

//M(80101-0 #"#+"41-4 FSG;V/'NH;GPM'S<;JMN function changeMode(){

var mode=document.getElementById("mode");

var htmlBody =document.getElementById("htmlBody"); var htmlForm =document.getElementById("htmlForm");

if(mode.innerHTML=="L+("830.-1"3@" ){ mode.innerHTML="K-8"&"3@"; htmlBody.style.display="none"; htmlForm.style.display="block"; return;

}

if(mode.innerHTML=="K-8"&"3@"){ mode.innerHTML="L+("830.-1"3@" ; showHTML(); htmlBody.style.display="block"; htmlForm.style.display="none"; return;

}

}

function setBookInfo(indx){

//<7*-)&0+(& (&+08 @#+&1&%.-%&0+) $1-?@ # (&3&1178 -130$#"8

var slctr=document.getElementById('bookISBNSelect'); bookIndex= indx;

var isbn= slctr.options[bookIndex].value; selectBookByISBN(systemDB,isbn);

}

function showHTML(){ //F"$&(7%&0+ $1-?@ % %-30 HTML

var d=document.getElementById("htmlBody"); var s="";

s+="<h2>"+document.getElementById("formTitle").value+"</h2>"; s+="<h3>"+document.getElementById("formAuthors").value+"</h3>"; s+="<p>"+document.getElementById("formPrice").value+"</p>"; s+="<p>ISBN:"+document.getElementById("formISBN").value+"</p>"; s+=document.getElementById("formBody").value;

d.innerHTML=s;

}

40