Разработка Web-приложений для iPhone
.pdf10-(%0#+1".
A.03@=D-2 ,)"#+"2 ,)-08 ,"(%".40+ ",)030.-+6 (&%0)E01& (&?)@($& -("*)&/01-4, -.- 10+. < ,)"?)&880, ,)-%03011"2 1& .-#+-1?0 L1-8, -#,".6(@0+#4 B@1$C-4 waitForImages(), $"+")&4 -#,".6(@0+ +&280) 3.4 ,)"%0)$- (&%0)E01-4 (&?)@($- -("*)&/01-2.
H.4 ,)"%0)$- B&$+& (&?)@($- -("*)&/01-4 -#,".6(@0+#4 #%"2#+%" complete o*R0$+&
Image.
<html> <head>
<title>L1-8</title>
<script type="text/javascript"> <!--
var imgs=new Array;
function main(){
//@0A0/9)04 3)3<30/3:0<34 .0%%3$0 3:";'0?()3+ for(var i=0;i<5;i++){
imgs[i]=new Image;
}
imgs[0].src="../images/Flowers.jpg"; imgs[1].src="../images/Forest.jpg"; imgs[2].src="../images/Leaves.jpg"; imgs[3].src="../images/Whale.jpg"; imgs[4].src="../images/Turtle.jpg"; waitForImages()
}
function waitForImages(){ var len=imgs.length; for(var i=0;i<len;i++){
if(!imgs[i].complete){ //B"$&"'3&9 8'"$('!-
setTimeout('waitForImages()',50); return;
}
}
//C )0A0/- 0)3.0<33 showAnimation();
}
function showAnimation(){
//B"!0:*$0&9 %/-A0+)" $*;'0))-1 !0'&3)!- A('(: 5 %(! var len=imgs.length;
var k=Math.round(Math.random()*len)%len; document.getElementById('img').src=imgs[k].src; setTimeout('showAnimation()',5000);
}
//--> </script> </head>
<body onload="main()"> <h2>Presentation</h2>
<img id="img" src="../images/1.html" width="300" height="200"/> </body>
</html>
!"#$"%& 1-8. B'"$('!0 :0>'-:!3 3:";'0?()3+
A+)&1-C& ,)031&(1&:01& 3.4 308"1#+)&C-- 8#-%& -("*)&/01-2. G&)+-1$& -(80140+#4
11
$&/370 5 #0$, 1"%"0 -("*)&/01-0 %7*-)&0+#4 #.@:&2178 "*)&("8.
J& #.03@=D08 )-#@1$0 ,"$&(&1 %-3 #+)&1-C7 # "31-8 -( 308"1#+)-)@087> -("*)&/01-2.
'"#. 1-4. B'(:()&0<34
< I+"8 ,)-80)0 -#,".6("%&17 B@1$C-- "+."/011"?" -#,".101-4 3.4 ,)"%0)$- $&$ (&?)@($- -("*)&/01-2, +&$ - 3.4 ")?&1-(&C-- ,"$&(& ,)0(01+&C--.
1.8. !"#$%"&'#() *"+%",(
1)C0! %#(/0&9 &0!, A&";* !"# Javascript )( "&";'0?0/%4 ;'0-:('".? 2)= )(!"&"'*D %/-A04D 8"$&"')*+ :08-%! 0)3.0<33 8'3$"#3& -%!"'()31
#$3?()34. B'3$(#3&( 8'3.(' !"#0 3 8"4%)3&(, !0! 8'">'0..)*.3 .(&"#0.3
."?)" 3:;(?0&9 E&">" E66(!&0.
3)F"?)" /3 % 8"."291 %$"+%&$ rows 3 cells 8"/-A0&9 #"%&-8 ! 4A(+!0. &0;/3<, %"#('?023D )("#3)0!"$"( A3%/" 4A((! $ %&'"!0D? G%/3 ."?)", &" 8'3$(#3&( 8'3.(' !"#0. G%/3 )(/9:4, &" ";H4%)3&( 8"A(.-.
1.9. -./.#01 /&1 ,.2",$"1$)&'#"3 +%"%.4"$50
@083%0&9 HTML !"# 3 Javascript %<()0'3+ #/4 '(5()34 %/(#-123D :0#0A
1)= )0A0/9)*+ .".()& $'(.()3 )0 %&'0)3<( )0D"#4&%4 8"/4 #/4 $$"#0 A3%/0 %&'"! 3 A3%/0 %&"/;<"$ &0;/3<* 3 !)"8!0 «press me», 8'3 )0?0&33 )0 !"&"'-1 &0;/3<0 % :0#0))*. A3%/". %&'"! 3 %&"/;<"$ #"?)0 ;*&9 $*$(#()0 )0 %&'0)3<-, 0 4A(+!3 &0;/3<* #"/?)* ;*&9 :08"/)()* %/-A0+)*.3 <(/*.3 A3%/0.3 "& 1 #" 10000
2)IA(+!3 &0;/3<* 3: 10 %&'"! 3 10 %&"/;<"$ 8"%/( :0>'-:!3 %&'0)3<* :08"/)()* A3%/0.3 (3%8"/9:"$0&9 6-)!<31, )08'3.(', initTable()). C)"8!0 «show» #"/?)0 8'3 )0?0&33 $*#(/3&9 !'0%)*. <$(&".
.0!%3.0/9)*+, 0 %3)3. – .3)3.0/9)*+ E/(.()& $ &0;/3<(. G%/3
.3)3.0/9)*D 3/3/3 .0!%3.0/9)*D E/(.()&"$ )(%!"/9!", &" $*#(/()3( %""&$(&%&$-123. <$(&". #"/?)" 8'3.()4&9%4 #/4 !0?#">" 3: )3D. G%/3 $%( 4A(+!3 &0;/3<* 3.(1& "#3)0!"$*( :)0A()34, "%&0$3&9 3D <$(& A(')*..
3)IA(+!3 &0;/3<* 3: 10 %&'"! 3 10 %&"/;<"$ 8"%/( :0>'-:!3 %&'0)3<* :08"/)()* A3%/0.3 (#/4 :08"/)()34 3%8"/9:"$0&9 6-)!<31, )08'3.(', initTable()). J(/A"! .*5!3 8" 4A(+!( &0;/3<* #"/?() 8".(20&9 $ E&- 4A(+!- .0!%3.0/9)"( A3%/" &0;/3<*, 0 )0 .(%&" .0!%3.0/9)">" – &" A3%/", !"&"'"( $ $*;'0))"+ 4A(+!( )0D"#3/"%9.
4)@0 WEB %&'0)3<( !0%!0#". (% 8"%&"4))*. 8" x,y %#$3>". 8" /($".- $('D)(.- ->/-) '0%8"/"?()* 5 3:";'0?()3+. K0%&9 !0?#">" 3:";'0?()34 $3#)0 8"/9:"$0&(/1 ($('D)44 !0'&3)!0 $3#)0 8"/)"%&91). B'">'0..0 #"/?)0 !0?#*( 5 %(! 3:.()4&9 8"'4#"! "&";'0?()34 !0'&3)"!, '0:.(204 3D $ !0%!0#( %/-A0+)*. ";'0:".. =('D)44 !0'&3)!0 #"/?)0 .()4&9%4 ";4:0&(/9)".
12
5)@0 WEB %&'0)3<( !0%!0#". (% 8"%&"4))*. 8" x,y %#$3>". 8" /($".- $('D)(.- ->/-) '0%8"/"?()* 5 3:";'0?()3+. K0%&9 !0?#">" 3:";'0?()34 $3#)0 8"/9:"$0&(/1 ($('D)44 !0'&3)!0 $3#)0 8"/)"%&91). B'">'0..0 #"/?)0 8" 2(/A!- .*5!"+ )0 !0'&3)!( #(/0&9 (( $('D)(+, 0 !0'&3)!-, '0)(( )0D"#3$5-1%4 )0 $('D- !0%!0#0, 8".(20&9 )0 .(%&" $*;'0))"+ 8"/9:"$0&(/(..
6)7>'0 15. L>()('3'"$0&9 &0;/3<- 3: A(&*'(D %&'"! 3 A(&*'(D %&"/;<"$. M0:.(%&3&9 $ 4A(+!0D &0;/3<* %/-A0+)*. ";'0:". A3%/0 "& 1 #" 15. J(/A"! 8" 4A(+!(, %"%(#%&$-12(+ % 8-%&"+, #"/?() 8('(.(20&9 A3%/"
3:$*;'0))"+ 4A(+!3 $ 8-%&-1. B'">'0..0 #"/?)0 63!%3'"$0&9 $*3>'*5 3>'"!0, 3/3 )($":."?)"%&9 8"%&'"()34 8'0$3/9)"+ 8"%/(#"$0&(/9)"%&3. ()*#+,-+,. G%/3 $ '(:-/9&0&( 8('(.(2()3+ A3%(/ 8"4$3/0%9
!")63>-'0<34
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
15 |
14 |
__, |
&" |
$*3>'*5 )($":."?(). |
||
1.10. -.5&67)#0)
< I+"8 )&(30.0 )#8&+)-%&.-#6 ,)-80)7, 308"1#+)-)@=D-0 80+"37 - ,)-087 )&*"+7 # I.0801+&8- HTML 3"$@801+&. <1-8&+0.61" ,)":-+&2+0 +0$#+, %7,".1-+0 )#8"+)01170 ,)-80)7, & 0#.- 10"*>"3-8", +" - ,"I$,0)-801+-)@2+0 # $"3"8.
13
2. B)'#+(-9'# 3&7, $&++,C
H.4 #""+%0+#+%-4 #,0C-B-$&C-48 HTML 5 - )0$"8013&C-48 $"1#")C-@8& w3c $"8,&1-4 Apple %%0.& ,"330)/$@ *)&@(0)"8 Safari $.-01+#$-> *&( 3&117>. < ,0)%@= ":0)036 I+" *7." #30.&1" 3.4 "*0#,0:01-4 %"(8"/1"#+- #">)&101-4 1& #+")"10 $.-01+& 3&117> ,)-."/01-4. P&$"2 ,"3>"3 "*0#,0:-. %"(8"/1"#+6 #"(3&1-4 1& *&(0 *)&@(0)& ,".1"C0117> ,)-."/01-2, #,"#"*17> "*0#,0:-%&+6 )&*"+@ ,".6("%&+0.02 % &%+"1"81"8 )0/-80, *0( "*4(&+0.61"?" #@D0#+%"%&1-4 ,"#+"411"?" #"03-101-4 # #0)%0)"8.
2.1. !&0)#$-,)%*)%#() +%0&"8)#01
S*7:1", 3.4 ,".@:01-4 - #">)&101-4 ,".6("%&+0.6#$-> 3&117> WEB ,)-."/01-4 E-)"$" -#,".6(@=+ #0)%0)170 *&(7 3&117>. P&$-0, @,)&%.40870 *&(&8- 3&117> ,)-."/01-4, -#,".6(@=+ -(%0#+1@= #>08@ ('-# 2.1) 3.4 )0&.-(&C-- ."?-$- B@1$C-"1-)"%&1-4.
)'*. 2-1. <(&-8"302#+%-0 $.-01+#$"?" ,)-."/01-4 # #0)%0)1"2 *&("2 3&117>
WEB #+)&1-C&, -#,".6(@4 ?-,0)##7.$@ -.- %#+)"01172 (&,)"# (1), ,0)03&0+ 1& #0)%0) (2) 10"*>"3-870 3.4 %7,".101-4 (&,)"#& #%0301-4. WEB #0)%0) %7(7%&0+ #0)%0)1@= :+6 ,)-."/01-4 (3), $"+")&4 "*)&*&+7%&0+ ,".@:01170 3&1170 - B")8-)@0+ (&,)"#7 $ *&(0 3&117> (4). A9UH %"(%)&D&0+ )0(@.6+&+7 %7,".101-4 (&,)"#& (5), $"+")70 -#,".6(@=+#4 ,)-."/01-08 3.4 ?010)&C-- HTML -.- 3)@?-> 3&117>, %"(%)&D&087> #0)%0)@(6). A0)%0), "+%0:&4 1& (&,)"# $.-01+#$"2 #+")"17, ,0)03&0+ +)0*@08@= -1B")8&C-= $.-01+@ (7), $"+")72 -#,".6(@0+ I+@ -1B")8&C-= 3.4 "*1"%.01-4 #+)&1-C7 -.- 00 :+-. '#8"+)011&4 #>08& ,)03,".&?&0+ #@D0#+%"%&1-0 ,"#+"411"?" #"03-101-4 80/3@ $.-01+#$-8 ,)-."/01-08 - #0)%0)"8. G"?3& 10"*>"3-8" #">)&1-+6 -.- %"#+)0*"%&+6 10"*>"3-8@= ,".6("%&+0.= -1B")8&C-=, #"03-101-0 80/3@ $.-01+"8 - #0)%0)"8 3"./1" ,)-#@+#+%"%&+6 "*4(&+0.61". H.4 81"?-> ,)-."/01-2 @$&(&11"0 "*#+"4+0.6#+%" 4%.40+#4 #@D0#+%01178 103"#+&+$"8.
14
2.2. 9"5.&'#() 4.:( /.##(;
< A&B&)- 3.4 "*0#,0:01-4 %"(8"/1"#+- WEB ,)-."/01-= #">)&14+6 )0(@.6+&+7 )&*"+7 1& ."$&.61"8 $"8,6=+0)0 -#,".6(@=+#4 ."$&.6170 *&(7 3&117>. M> 8"/1" -#,".6("%&+6, $&$ ,)- 1&.-:--, +&$ - ,)- "+#@+#+%-- #"03-101-4 # #0)%0)"8. A>08& %(&-8"302#+%-4 ,)-."/01-4 # #0)%0)"8 ,"$&(&1& 1& '-#. 2-2.
G&$ ,"$&(&1" 1& )-#@1$0, ,)-."/01-0 B")8-)@0+ (&,)"#, $"+")72 10,"#)03#+%011" %7,".140+#4 1& ."$&.61"2 8&E-10. L"?-$& "*1"%.01-4 #+)&1-C7 )0&.-(@0+#4 #&8-8 ,)-."/01-08 % "+%0+ 1& -1B")8&C-= " %7,".1011"8 (&,)"#0.
A&B&)- -#,".6(@0+ #,0C-B-$&C-- HTML 5, "*0#,0:-%&=D-0 %"(8"/1"#+6 #">)&101-4 3&117> ,)-."/01-2 1& $.-01+#$"2 #+")"10. HTML #+)&1-C&, #"30)/&D&4 $"37 ,)-."/01-4, 8"/0+ *7+6 (&?)@/01& # #0)%0)& -.- # ."$&.61"2 8&E-17. <#4 ."?-$& %(&-8"302#+%-4 ,)",-#7%&0+#4 % JavaScript.
)'*. 2-2. A>08& %(&-8"302#+%-4 ,)-."/01-4 # $.-01+#$"2 *&("2 3&117>
J-$&$-> #,0C-&.617> 302#+%-2, #%4(&117> # -1#+&..4C-02 3",".1-+0.61"?" ,)"?)&881"?" "*0#,0:01-4 -.- @#+&1"%$"2 %#+)&-%&087> 8"3@.02 3.4 A&B&)-, %7,".14+6 10 1&3", *)&@(0) -800+ %#= 10"*>"3-8@= B@1$C-"1&.61"#+6.
J0$"+")70 #%0301-4 "* -#,".6("%&1-- % A&B&)- ."$&.617> *&( 3&117> 8"/1" 1&2+- % +0>1-:0#$"2 3"$@801+&C-- Apple.2 '#8&+)-%&0870 1-/0 ,)-80)7, (1&:-+0.61" *".00 ,".1" ,"$&(7%&=+ %"(8"/1"#+- A&B&)-. J& -> "#1"%0 8"/1" #+)"-+6 ,".1"B@1$C-"1&.6170 ,)-."/01-4, % ,".1"2 80)0 -#,".6(@=D-0 %"(8"/1"#+- )0.4C-"117> A9UH.
2.3. <":/.#0) 0&0 0#0=0.&0:.=01 5&0)#$,5"3 4.:( /.##(;
< A&B&)- -#,".6(@0+#4 #+&13&)+1&4 #>08& )&*"+7 # ."$&.6178 #0)%0)"8 *&( 3&117>: ,)-."/01-0 3"./1" ,"3$.=:-+6#4 $ "31"2 -.- 10#$".6$-8 "*#.@/-%&0878 #0)%0)"8 *&(&8 3&117>, ,"#.0 :0?" %7,".14+6 10"*>"3-870 ,)-."/01-= (&,)"#7. S*7:1" I+" (&,)"#7 3%@> %-3"%:
1)V&,)"#7, 10 %"(%)&D&=D-0 3&117> ,)-."/01-=,
2)V&,)"#7, %"(%)&D&=D-0 3&1170 ,)-."/01-=.
G (&,)"#&8 ,0)%"?" %-3& "+1"#4+#4: CREATE, INSERT, UPDATE. G (&,)"#&8 %+")"?" %-3& SELECT. M#,".6("%&1-0 %#0> I+-> (&,)"#"% )#8&+)-%&0+#4 1-/0.
H.4 ,)-80)"% # *&(&8- 3&117> *@308 ,".6("%&+6#4 E&*."1"8, ,"$&(&1178 1& L-#+-1?0 2-1.
2 Safari JavaScript Programming Guide. A8. apple.developer.com/safari (+)0*@0+#4 @+":101-0)
15
<html> <head>
<title>L2-1</title>
<script type='text/javascript' src='../javascript/main.js'> <script type='text/javascript' src='../javascript/dbSQLStore.js'> </script>
</head>
<body onload='main()'> <h1>Database Examples</h1>
How to open or create Database </body>
</html>
!"#$"%& 2-1. ,"!-.()& HTML, %%*/0123+%4 )0 JavaScript !"#, $" $)(5)(. 60+/(
F"#.0 (&?)@($- #+)&1-C7 %7(7%&0+#4 B@1$C-4 main(). S31"2 -( 00 B@1$C-2 4%.40+#4 #"(3&1-0 #"03-101-4 # *&("2 3&117>, %#0 10"*>"3-870 3.4 I+"?" 302#+%-4 #"30)/&+#4 % B@1$C-4>, (&,-#&17> %" %10E108 B&2.0 «dbSQLStore.js».
2.4. <;)2. *:.02"/)3,$*01 , 4.:"3. >,0#;%"##() "+)%.=00
A>08&, ",)030.4=D&4 ,")43"$ B")8-)"%&1-4 - %7,".101-4 (&,)"#"% $ $.-01+#$"2 A9UH ,"$&(&1 1& '-#. 2-3. F"4#1-8 %7,".140870 302#+%-4.
1)F)- %7,".101-- #C01&)-4 (B@1$C-4 f1) 1& WEB #+)&1-C0 %#+)0:&0+#4 (&,)"# $ *&(0 3&117>, @,)&%.408"2 ."$&.61"2 A9UH (#8. ,1 1& )-#@1$0).
2)V&,)"# ()-#. ,.2) 1&,)&%.40+#4 $ #0)%0)@ A9UH ()-#. ,.5), #+)&1-C& 1& $.-01+#$"2 #+")"10 ,)"3"./&0+ 1&>"3-+6#4 ,"3 @,)&%.01-08 #+)&1-:1"?" #C01&)-4 (B@1$C-4 f1, ,,.3-4). A0)%0)@ ,0)03&=+#4:
•H&1170 (d)
•M801& B@1$C-2 (f2,f3).
3)A0)%0) A9UH ,)-1-8&0+ (&,)"#, #&8"#+"4+0.61" ,.&1-)@4 ":0)031"#+6 ",0)&C-2
()-#. ,.6)
4)< 10$"+")72 8"801+ %)0801- (&,)"# 1&:-1&0+ -#,".14+6#4 ()-#. ,.7).
5)A0)%0) %7,".140+ 10"*>"3-870 302#+%-4, ,"#.0 :0?" ,)"%0)40+ ,)&%-.61"#+6 %7,".101-4 (&,)"#&
6)N#.- (&,)"# "*)&*"+&1 ,)&%-.61", #0)%0) A9UH ()-#. ,.8) %7(7%&0+ % #+)&1-:1"8 #C01&)-- B@1$C-= f2
7)N#.- (&,)"# "*)&*"+&1 10%0)1", #0)%0) A9UH ()-#. ,.9) %7(7%&0+ % #+)&1-:1"8 #C01&)-- B@1$C-= f3
8)A"*#+%011" #0)%0) ()-#. ,.10) ,)"3"./&0+ %7,".101-0 3)@?-> (&,)"#"% (0#.- +&$"%70 -80=+#4)
9)Q@1$C-4-"*)&*"+:-$ (f2 -.- f3 % #0)%0)1"8 #C01&)--) ,".@:&0+ 3&1170 -, 0#.- 10"*>"3-8", "+"*)&/&0+ 3&1170 1& #+)&1-C0.
16
)'*. 2-3. F")43"$ %7,".101-4 (&,)"#"% $ $.-01+#$"2 A9UH
<#0 )#8"+)01170 302#+%-4 %7,".14=+#4 1& $.-01+#$"2 #+")"10, %#4 ."?-$& "*1"%.01-4 #+)&1-C7 "+#.0/-%&0+#4 $.-01+#$-8 #C01&)-08 - @,)&%.40+#4 3&1178-, >)&14D-8-#4 %
."$&.61"2 A9UH.
2.5. <":/.#0) ,")/0#)#01 , ,)%*)%"2
A,"#"* ,"3$.=:01-4 $ #0)%0)@ ",)030.40+#4 +-,"%78 1&*")"8 302#+%-2, ,)03#+&%.0117> 1&
.-#+-1?0 2-2.
< #C01&)-- %%"3-+#4 ?."*&.61&4 ,0)08011&4 systemDB, $"+")&4 *@30+ @$&(7%&+6 1& "+$)7+"0 #"03-101-0 # -#,".6(@08"2 % ,)-."/01-- *&("2 3&117>. N#.- ,)03,".&?&0+#4 -#,".6("%&+6 10#$".6$" *&( 3&117>, +" 10"*>"3-8" -#,".6("%&+6 10#$".6$" ,0)080117>.
//!"#$ dbSQLStore.j var systemDB;
function initDB(){ try {
if (!window.openDatabase) {
alert("%"&' ("))'* )+ ,-((+./01"2345" ); return;
17
} else {
var shortName = 'MyTrainingDataBase'; var version = '1.0';
var displayName = 'MyTrainingDataBase'; var maxSize = 2*1024*1024; // % *&2+&>
var myDB = openDatabase(shortName, version, displayName, maxSize);
}
} catch(e) {
alert("J0-(%0#+1&4 "E-*$&: "+e+"."); // 67."7-38" -907-8
if (e == INVALID_STATE_ERR) { alert("J0%0)1&4 %0)#-4 *&(7 3&117>:"+e);
} else {
alert("J0-(%0#+1&4 "E-*$&: "+e+".");
}
return;
}
alert("%"&" ("))'* "83010.-1")"." ); createTables(myDB);
systemDB = myDB;
}
+'*$'", 2-2. A"(3&1-0 #"03-101-4 # ."$&.6178 #0)%0)"8 A9UH
S#1"%170 302#+%-4 %7,".14=+#4 B@1$C-02 initDB().S,0)&+") try catch %7,".140+ ,)"#+02E@= ,)"%0)$@ 3"#+@,1"#+- +)0*@087> #0)%-#"% (window.openDatabase). N#.- #0)%-#7 10 3"#+@,17, +" %73&0+#4 ,)03@,)0/3&=D00 #""*D01-0 - )&*"+& #C01&)-4 ,)0$)&D&0+#4. N#.- #0)%-#7 3"#+@,17, +" %7,".140+#4 ,",7+$& #"(3&+6 #"03-101-0 # *&("2 3&117> 1& ."$&.61"8 #0)%0)0 A9UH. A"03-101-0 @#+&1&%.-%&0+#4 B@1$C-02 openDatabase. N#.- +)0*@08&4 *&(& 3&117> 10 #@D0#+%@0+, +" "1& *@30+ #"(3&1&.
openDatabase(shortName, version, displayName, maxSize);
V30#6 shortName- #"$)&D011"0 -84 *&(7 3&117>, version - %0)#-4 #0)%0)& A9UH, displayName - ,".1"0 -84 *&(7 3&117>, maxSize - 8&$#-8&.6172 )&(80) *&(7 % *&2+&>. N#.- ,)- #"03-101-- # UH ,)"-("E.& "E-*$&, +" "1& ,0)0>%&+7%&0+#4 % :+- catch. V30#6 ),0:&+7%&0+#4 #""*D01-0 "* oE-*$0, ,"#.0 :0?" %7,".101-0 initDB() ,)0$)&D&0+#4. < #.@:&0 @#,0E1"?" #"03-101-4 # UH, %7(7%&0+#4 B@1$C-4 , I+& B@1$C-4 )&(*-)&0+#4 3&.00. V&%0)E&0+#4 B@1$C-4 ,)-#%&-%&1-08
systemDB = myDB;
F"#.0 I+"?" 302#+%-4 (1&:01-0 ?."*&.61"2 ,0)08011"2 systemDB 8"/1" -#,".6("%&+6 3.4 )&*"+7 # *&("2 3&117> % .=*"8 80#+0 #C01&)-4.
2.6. ?%.#:.5=00
F"#.0 +"?", $&$ #"03-101-0 # *&("2 3&117> #"(3&1", # 3&1178- 8"/1" %7,".14+6 10"*>"3-870 302#+%-4. G&$ ,)&%-.", # *&("2 3&117> 10"*>"3-8" %7,".1-+6 10 "31@ & 10#$".6$", :+" %(&-8"#%4(&117>, ",0)&C-2. H.4 %7,".101-4 ?)@,,7 ",0)&C-2 #0)%0) A9UH Safari ,)03"#+&%.40+ 80>&1-(8 +)&1(&$C-2.
18
P)&1(&$C-4 – I+" 1&*") (I.0801+&)17>) ",0)&C-2 # *&("2 3&117>, $"+")70 % #"%"$@,1"#+- 3"./17 )#8&+)-%&+6#4 $&$ "31&, 03-1&4 - 1030.-8&4 ",0)&C-4.
!"#$%". &'()* +%'%,'-. /-$$- / 0+'010 /2%)3 # 43'%/)# '3 +"-105 /2%) – 6)0 +7% 08%"39##. :;( <0""%<)'0/)# 7=80;'%'#( '-,'0 6)# +%5/)7#( 0>?%+#'()* 7 0+'- )"3'43<9#..
H.4 %7,".101-4 )&(.-:17> ?)@,, 302#+%-2 # *&("2 3&11"2 "*7:1" (&,-#7%&=+#4 B@1$C-- (#8. L-#+-1?), % $"+")7> -#,".6(@=+#4 +)&1(&$C-- 3.4 %7,".101-4 #%4(&117> ",0)&C-2. < +)&1(&$C-4> ?)@,,-)@=+#4 $"8&137. $"8&137 SQL ,0)03&=+#4 #0)%0)@ A9UH $&$ &)?@801+7, +&$/0 &)?@801+&8- #0)%0)@ ,0)03&=+#4 B@1$C--, "*)&*&+7%&=D-0 @#,0E1"0 -.- 10@#,0E1"0 %7,".101-0 (&,)"#"%.
function dbActions(db)
{
/* : ;3-# <"430 %7,".14=+#4 302#+%-4 */
db.transaction(
function (transaction) { //V30#6 8"/1" ,-#&+6 Javascript $"3 transaction.executeSql('('+
'…'+
//G"8&13& SQL
');',
[], nullDataHandler, killTransaction); //G"8&13 SQL 8"/0+ *7+6 10#$".6$" transaction.executeSql('('+
'…'+
//G"8&13& SQL
');',
[], successHandler, errorHandler);
}
);
}
+'*$'", 2-3. O&*."1 B@1$C--
Q@1$C-4 dbActions(db) 8"/0+ %7,".14+6 10"*>"3-870 302#+%-4 # 3&1178-. N0 03-1#+%01172 &)?@801+ - db (&3&0+ "+$)7+"0 #"03-101-0 # *&("2 3&117>. < ,"$&(&11"8 %&)-&1+0 dbActions(db) #"30)/-+ "31@ +)&1(&$C-=. P)&1(&$C-4 $ *&(0 3&117> db #+)"-+#4
# ,"8"D6= 80+"3& db.transaction(). K+"3 80+"3 3"./01 #"30)/&+6 03-1#+%01172 &)?@801+ – "31",&)&80+)-:0#$@= B@1$C-=, ,0)03&%&08@= #0)%0)@ 3.4 %7,".101-4 ",0)&C-2 # *&("2 3&117>. 9$&(&11&4 B@1$C-4 (function(transaction)) 8"/0+ #"30)/&+6 ,)"-(%".6172 $"3, 1" 00 "#1"%1"0 1&(1&:01-0 – %7,".14+6 $"8&137 SQL. H.4 %7,".101-4 $"8&13 -#,".6(@0+#4 80+"3 executeSql(), -80=D-2 :0+7)0 ,&)&80+)&.
o F0)%72 ,&)&80+) #"30)/-+ #"*#+%011" $"8&13@
o<+")"2 – (&3&0+ *."$ ,"3#+&1"%$- (I+" – 10$"+")72 8#-%, (1&:01-4 -( $"+")"?" 8"?@+ *7+6 ,"3#+&%.017 % $"8&13@)
oP)0+-2 ,&)&80+) (&3&0+ B@1$C-=, %7(7%&08@= % #.@:&0 @#,0E1"?" (&%0)E01-4 $"8&137,
o 50+%0)+72 – % #.@:&0 10@#,0E1"?" %7,".101-4.
Q@1$C-2, ,"3"*17> dbActions(db) % ,)-."/01-- 8"/0+ *7+6 10#$".6$". M> $"1$)0+170
19
)0&.-(&C-- *@3@+ )#8"+)017 1-/0.
2.7. @4%.4"$5. :.*)%A)#01 *(+")#01 5"2.#/
V&%0)E01-0 %7,".101-4 SQL $"8&137 8"/0+ *7+6 @#,0E178 -.- 10@#,0E178. G)"80 +"?", % "*D08 #.@:&0, -800+#4 3%& +-,& $"8&13 SQL: $"8&137, $"+")70 %"(%)&D&=+ 3&1170, - $"8&137, $"+")70 10 %"(%)&D&=+ 3&1170. < (&%-#-8"#+- "+ +-,& $"8&137 - )0(@.6+&+& 00 (&%0)E01-4 -#,".6(@=+#4 )&(.-:170 B@1$C---"*)&*"+:-$- (&%0)E01-4 "*)&*"+$- +)&1(&$C-2
-./0%1"#. 2%3.45."'.
!"/1" )#8&+)-%&+6 3%& ,)-1C-,-&.61" )&(.-:17> 80+"3& "*)&*"+$- (&%0)E01-4 $"8&13
#"E-*$&8-:
1)V&%0)E01-0, %03@D00 $ 10%"(8"/1"#+- ,)"3"./01-4 %7,".101-4 +)&1(&$C--
2)V&%0)E01-0, ,)- $"+")"8 +)&1(&$C-= 8"/1" ,)"3"./&+6.
6%$%78"#. 2%3.45."'. 9#:%"0;. F)-80)"8 +&$"?" (&%0)E01-4, 4%.40+#4 #.@:&2, $"?3& # "31"?" *&1$"%#$"?" #:0+& #@88& #14+&, & (&10#01-0 1& +)0*@0872 #:0+ I+"2 #@887 "$&(&."#6 10@3&:178. < I+"8 ,)-80)0 10"*>"3-8" ,)0$)&D&+6 %#= +)&1(&$C-=, %"##+&1&%.-%&4
#o#+"41-0, ,)03E0#+%@=D00 1&:&.@ +)&1(&$C--. Q@1$C-4-"*)&*"+:-$ ,"3"*1"?" (&%0)E01-4 ,"$&(&1& 1& .-#+-1?0
/*! F)0$)&D01-0 302#+%-2 */
function killTransaction(transaction, error)
{
alert(error.message);
return true; // "E-*$&, 10 3",@#$&=D&4 ,)"3"./01-4 +)&1(&$C--
}
+'*$'", 2-4. S*)&*"+$& B&+&.61"?" (&%0)E01-4 $"8&137
P&$&4 "*)&*"+$& 10%0)1"?" (&%0)E01-4 $"8&137 %030+ $ «$"))0$+1"8@» (&%0)E01-= +)&1(&$C-- #0)%0)"8 A9UH.
H)@?-0 "E-*$- -#,".101-4. < 10$"+")7> #.@:&4> "E-*$& -#,".101-4 $"8&137 10 4%.40+#4 B&+&.61"2, & #.03"%&+0.61", +)&1(&$C-4 8"/0+ *7+6 ,)"3"./01&. J0"*>"878 302#+%-08 % I+"8 #.@:&0 4%.40+#4 %73&:& 3-&?1"#+-:0#$"?" #""*D01-4. P&$&4 B@1$C-4-"*)&*"+:-$ (&%0)E01-4 $"8&137 ,)-%0301& 1& .-#+-1?0 2-5.
//=4$0 1',-$)+)0+ 3.")&"8>00 ?-/)- ,.-(-$/"3@, 3- 1+.)A3@ false function errorHandler(transaction, error)
{
//
alert('SE-*$&: '+error.message+' (G"3 "E-*$-: '+error.code+')');
//
var we_think_this_error_is_fatal = true;
// if (we_think_this_error_is_fatal) return true; return false; //SE-*$& ,"(%".40+ ,)"3"./-+6 %7,".101-0
}
+'*$'", 2-5. S*)&*"+$& "E-*$- (&%0)E01-4 $"8&137 *0( ,)0$)&D01-4 +)&1(&$C--
20