ࡱ> `!)Ios84q8];n2 'X":xڭ]+as홙%EҮ6I)"Vኴ|V.^/P^Jp#q!ܹrPr8g^f3ΜyZ&4C'R|0/uE~dŏlcȑ@qQZy_ͯux>~nߨo$K|#}~3%/4o7tj4ocxn1rԊjV xD3?z7փ[&'vwփLJ.VZna==OPNG  IHDR579<sRGB pHYsod-PLTE???***888UUUqqq-~ڶꋕ]k`mw`CBqNI3w3HLsYIb^f.4I=(-mLD )i٫9|l2u&Y–]{r䢯O[{3D@3Շ>N'x(_5|J>θU&i*B@8EpҊlJB&sC?8^{ ]o{ 6J 91C G_1 |s[ʎJN`9$NXnЊ_ebWu>Y nmG <},,(a>Y8Dn%l߬APxϑpl A 0Uo.\yσ`2[H \ikGؙTՒ,li1kݲb` \2sT"{8)H#.*vxaATh$" E\4 H2)G.cٓ AN{. ~ =n. Tk#x55F5WOoޕJGKUjڗ=8Ȕ=Uz+ܟLˉ4~4S:@l$of^ ďqffv|W!U]7)GGi吋; ৆|5 =G#Ε{ :!5jzoTi_&)|Gak˜\T]Fjкz[LB5\Cu7DqzF7 Ihsb1=m!. o` Tj0CTƍ5NkO{h^ܕKFA>TI@m-t1H0ۆ*x&#U!m!X)Å*z!$RH>3d83n(wwl+-Z63yJ^VF6)H$~Zju,29jTraQxl1mBVSQAqid7Xr _R*$sp؋78bHyE m=$b#} LJYf0%MPa[] .8-x* "N?qeae|e({'Fw);?EۋW*y)T6AİsA$+w''3;ߜv7yGeBߩ˝W_ېQTWCrًDއ)cobgGj!x'jrke@ZvR"E+WJK(&~F*BCOYO!mUAxvN Ęh րM4or7\G7B&a@Gxty>ڳj7UkN䳋ǟoҩW H1m?¿߾>99 [)ϻ;^SIӽfew,ڽ=3E"ȣ " Xá5""qMRXs,{ 4spUV4|cђo/<'XTJK'!)7N:44 A,8*s/d;4 C pV3^3퓥4e }\[ 뺐OZD 7E(*pjX?*MW邷j]&lӅPUHƜ4u- DI9΄`R.VTFʮ){2#w}K} Siw/=oM "1FJ!Jq*]rAC=ݟXJ=l2H/ԁ+Q;zhJ"xy lpރ `My5޲-2ҙEh_GM~p[H'\߃Ѡb%y"C`49H׺CÖiHNknҕ&K9is4i@p\#O5Vs_}akFm?t_,2Lϲl>k?ۓ_894DԉWT@zLe)E{M"j gIfvJh'+A Hu/;+̻}&RH"},+mr0J~aG]";DR'f0-6_! (@&je&}^k6<7%"Mus9@,b_Ag\L 8kLk.Ӻ Úch8ӒbEBj}Gv/OӴu4K|WM# s+{dڜhըwb&aPFgsϷJdO("LADEސ]+R;=ߜaR:ܽLH%U"kL`dM$ Lv 80p;[V0n ܳH7;7Q9fj" h%}L/oS޵:x`øAƫ4kD!Vz4oDÆNPVoSObJrB$$ mN4 TJZ_ "EDuFF'e/ o rWAM$$n,&]dOu4n`ФFJ p~%UY Yyވ5MUCVl" • "NiϻAeE⪨$94/mL!zz}{ϗ'? %pRa)چZ$~&;G 'OKc w$驾pʧJ'NgTQÊcgYT9(ƊeQI7[,W{جJm_ktXX+;,gV5JDh.åqM X4eS28EE Q+) 5z16x`l{GߴU8QKۙ4e=:by@+!أ^ K&9a p!i?r׀6vW-+| nuֵ a4*v xBJ"Qj?D12V~9R8E08#Su苩P}/b-`&ćʂ\8l}[q4P?FK{gU^YBe-/\a  †ZJn\qeJydD9xE mVi4 :tT]ߌf $ Wj:T"71<0!nL/ZTS/୉:ب!Oض*lR"wAQX!a{DmCĦv}gWcvRꏿ*d|MןIl3dFG<`'?+9]|mU89riЧs CpT桶bwtV])s~gV>=ɱʶԴ209&<հ=:J/7s"#ڨqtep"8>dfuv)HeW: o[gxvZR6KXuqu%ULY9.j-~XzOyl6 msmh>3rR;6ʳr^y}鞤x &`*~6ЊY:jTnQ7`י<3OD\Y.c`C=S BiD̅VȒ/5AJ!.ZOYEYy"#f1VGGL~^Ƽ=(Ք`6\m+QgQhgE3L%fB#G{'F=Ƨ=4BQrgT @ J T 5vdFU~A0g+u5mlO}+.zC{m #Սo[ؖB:~O?H|ocoXm+ڐSoҮ=Uh*` 0K 4OfB:Tzx0&9uu;) S|aK, \Kc\.l]̴[Vّ&>F 2>?bڧ 0 ]Ȑ3Az+T)wT$Se baՁs7u>Pa mpl̡b&C+$M}3i:CRe5T*:‘=3qZ'<Ů$VSGX,2|t4[ۣKw~_1r{G7lц^?6Vxs[dMy#R;@ZWsN*hc*B$uI4;cZ(kCa⹘nΜ0!3ͬ5s!MSOQb*MvF}*D5"9 !שԇmC~?{sx)'B~ΫE{՟~ ڂd_a'smi7G{`znZy={\;+Wy ]-׬GQ7CzOBT2HOzй!z6&(@VWT*vTKP ^D8z`&!)PPpcx9Bgծf=VQa`2pvq虦q؜Y* 8Xi=kxMtv a}\y Yuujz/fd_D O0LA6^j[KbRk'UcVK(˩ԤF(Gآ1¯-76xbFzz,}=c˛ygֻ̪Rl϶鸈ga@E|WznXdZ ƂnMk;Zt,xH& ;tcݡ0t/MR9z|]]|dg?(5/R{]nsf%~uבOi(lō=OzG$#=&wzi0&«ir4Liz-(V8攜>Z#Kfjj2n&&uy}XJӎ,}s1wfEc]L]Z~E-5w\A[4htIE9t1WW3'ށ~RXǜ~Xvz`fY'^sU0ʧܝ5)EvK{0 nfWZ'[\ 0D1W9rLW) Qh<vv8kuQޡ7^ӝ}=CC;O,huW]Rm]' Q]ëhI ZR茇4+5RTPf<-i`x;ț3w¸D7$ہηUrWݷHV%V)Z=Z7j2O[[$ ڜyflOL 'TQLt#V()CriH-~[BPz%[h}q57, @hNL户|b (ËNx)ui;gKSTf'W}% IW^7b9܎5 X&WlhQÙvӏ LBnR&IC>)g>bnM5;^MjfKwVT-BD) Xcu* 7BlnK8.&FQrt1V4i'v4X֏8*6TzL~^͝κq$6dVӘ:DM|w>)}n|WJ!wUeFP&)rsMo] xGҩt}$,tseWD[թSw߳3jm+ѽz>`LRW©ؖiJM|34)|CZ`{x!*~nמ>euЦb,(j5:(_qېLaE{f1oP:pz4ԉPJl@gƚb8͞[LcW0Ww赧z} `I͡ mu+bW-E&F1tϽJyG\G3\h -ER N&> _^z# )1b oV_7;]+/qH=|Sͫ RY z8NVePwv׮]wE6u[zъ2ڣӭlw^A``sN] eS|Blfqsv7ֻ WQ^3C *4Rq/,7fԖSV3n&u:u}&|5ǥ"փ}1U}qjP2g4~23bײ#-z }ٰDe+Zu-fbcu5V]Eʳ6ý56b%巯.1qھ:bJ}oERi{t?e{P5cɢYTȝ/>RE@a(\fO u(˶쇍\dT'zڵ/ODI)>3wpn8c!&{ `߀V^R&4=]Sp۹8qꚞr]J4vMT>ߕCUFqO15Qx]q(q 7 8MAT,cwՑʥZqc ƫp?x˭G\&9 5ƌ)UL6t8T6"(td"ن}xݽ_IL&r}̙ z9o.<#^7؅Qim&vA̭e𤛯"(oS<[T4]z^$XG3sn#c-6DZ_e tIQSbd\`Ǚ Axva״~&EDB;]'z~Իx MWÔ>_xr/"wXǏO>>}NKk˿T[]oȧڀm(Gm4=lhZgkY,RڅqpNWR3Hp cL)yE)oo ^=3k"kꉠr|F3 qVn'`qQjBk1\sRNղ92?AB%04!ɳ04JTu7Ws欦T3y{v}En*i᎙LC4*2-9JqÒ)>ީo84ڦySX2W`,ū*S gjk ObMfl ɞ捸jw`Ke4YIxv3&BXmu۽3ꃩ`S_ZhwT4814$mQ *#r/q$>9 umUW?N g i$ {FO@'1c[Z In7stDIɖzLnB~›O [R5Ň5mQA҆AVJom'v8 ;$5s9iPBiׅ!8Z*Qj2nU5IQUߥP 5tfm5JN}F^@舅Jȼ潷YS9. sծs(<%3CI讀u(?>?/ .l?>===?ӓtx|ONNv{94c{(tIK,T ~٠(<j ~C f 2P,B:N$fOS0r17Dv w%l]:ҰT&)2Z%IIY>hE66 5!9Kj*Z)n*Pupc29%aQgbhz0|jq+- ZiָT)sqtIHa/%Z8JQS4~ .$:`}N2U[H<A7d0-Y/[c  $^πbVJɃf֮&~Mb %hB 7~/(yy%t9K3^k=J=}rQ .սU f9U;h~F~o|"`\j[-vn4-ob hH K b*yF3Ve&`eӪJP)%'-̓(]~5aśx`ROHgH%5=]b/)@j皋i"٦i=f~2a`|S0CY,mPof1`7BеuL5$f!m3 e. #;5G1rڳt@q:Ph3,9Mg[yԆ2^v[>T@dt{7/%Hg+/ (W0YJDK/l}$T*}@ZN~鵐BWlw4(l胵a$!Y@LpO NG]H\m<lx oіNsk'?I>OUGquG##\zLŶL%RIڨ4th|pb %x\ɢ?O ,p Scg9sn5H6K6)iWUNcIIePr%0]`< K.&3RiEV}˽X^4GԘ\*(u-s]vle _=.One**MpW}"1sϮpעd͖c72I`r,E\jμp L^,ٙyXn1@7HiȢzR^פXVqAYz{$M;ͲNWl+0Qo,BwwQ4PNO>a^>OȥQ0^L\I:WU]eѬS9QtJA:txAzf2|9 Ӽg;toL,3A<i22V4RBc+zz{>8_r`& xVN;X(o>8 FvrB-k͔iAR D;TEi!Lc$x/X̥7\Ф41iX3$כYmk6f41܊G&\"Yj S_sf~'Pe}a{!ӴT=Bߩ,Z5vjXѴhkK/SfI\G1F@WJZ!X]bL2\˩t7OMhVu[WY摶KDX8ȝu. x_;ܼ{Cߵ[];7[KE7Zz>u'FyyrZ]ݶ&wZas (:C<ҍm/iYd~R>0WW_xS5 uw4%]Xi 1q&:I}qNsܫ&l{T 8OcJ7L(AB8ko]F FHl$fs/\n6iztMyfvM/3ebV{e+0հ(k/ pdRk) PMssd~mVQp'gklxJ͆qccfXMK%[oR>Ӂ| iDF>F_Tw n oS?(Xz:βc .YMy8%`{9O'Q>}ʗ/HW8fHVJvWw⃣.?g]!?8!A /GrɍS?=Kdgh[}!liI6M~ѹJZZ2j(ot$M_#;\]N` wKBGh^Dlee=H6ib R>Yq[u;ئQ2a"L[ S^( \.k2-4G֠_Db2ze>Nݾ :א6EՌ\1\=ݘ䂀OtVM7yp\5Yo!`qty ? /Rlï, {'՝X6GmuUIVƯS qx#~7DS= /ћRvZig)'-W~ji _$M\-A(%ؚ}G8Mc`=i Zo1 q>N .Ie \"U#'; ]P04R5y,=e`{)QAx[,w T;`ى78{ܑSZPd>J )eo)֨N~(pXζ ݟqۏΉ%fc#t];8ָ n}Y1nw_?߻G`Ξqwd׳=-)Hq-FAw-=*w x}-q:)wnT[㍻ْ>F& #XYsAa!'Zw;HxWpw|pt 1%6ָSzk7 {iV~;J l-%V 41_ {IENDB`n r:ؒH0B=ZD6(. P2拤9(;/8u9 9Eo;\wIAhPs㎂TlJT#bherdŏc38T‰ p>UK4uF"i?ZэD62HI rn`Yx1D j4{Pc^NL|#g\a٢{aY7>۰^(89')ٴIc'1մp\?hT8 ׯq]!͛A ݖ$OÏsp}8[ѤydVȞ5/Dn y]ﮮ- {ǽ dŲ"ug>c~ ^ ܖcFh @="_>'rq^%ٱcg F_vdV_}}?;+͂ Op  >̭9u-tʋk7U.n& *Q∇mKB4©"1uT Nd N!:swJp8}C8ΠSk֨Z)bvpghka*ՀcD 4WO_LTE8&;[բY@I с57k(|Zu5W޺r-ff#bb8}C8 8HYPCPC8PC8E8E8CE8Cΐkc~IENDB`nRt(ic;KxPNG  IHDR@]`sRGB pHYsjPLTE1jqodteܬΕ:sGIDATx;0G\Rj*ʑBA((\9J~ّaz#2a>K?'g;S`h\Oiϙ); $ 2"21ǔ $8$ [$LA&L&=P'c1"EOs˴؞2-ğ$FcJLq${)jK>712'ֹ;O僉6ݞ0Q&&<$OXl/:SR_W?}p&gra;{>s;1ۑa~=}3´`JO d\Oa7ӍLf=My < s&&>3eL20a&[AX0BD7O64-z:L+۳ZşaGOSh#0iLCiG'_:]39=xnFa1vٲnGET$M]1nxŀaϟ ۫qOv.|LLcJ&zMX}0E=^6A} H|T6SyHOƽX)-OUșəS:]9J"Jgz&Օ)>`h'k:˘ăfU M۞2L`Hbkڞڟ/ش9qOdn;91u%gr&gr&gr&gr&gr&grHvIENDB`ni/Hf.z.VQˬPNG  IHDRsRGB pHYs+PLTE1jqodΕ:6IDATx;6'@(-T4p@KI#8?;)Jy%'gkeD<< cKɃ΄dze[myMw/-y~R[a֧[qJT}܍tn. 8΍7tߥA%znxHuԗKSFKRx$<(Rk{iëдRGhzE#&Ǭ-@d5y4p\y|P}4Hsp~^=)g82a!X%){dYEod–I˭Vu2 C*p\r?P:8w8PǡYN6Nʶę&pܸ.GX؎(vO}MZf]׍;F-MW#&M-QA餔=i&̓wų;iz2.k6311111111F>Ĺ<>?8~؞~QAHj/~\Β= R+8=aN?Nyrszug`5Dupp]:vj։.i!HH\znH8gH{U:Jq( "@:2Ja`tj>ͺ贳+粲1vaDն"X㈲cgv¦ْқy6W;>=DZޘ%ؿ_&<?B^WIENDB``!Z68q3b p;nm H6[(xڵkP'/ɾ$/{[JRʂPM[TPTBۅeQ2/+= Ԃwn B{1v/DX?60ڠ&tf.3'T.֋iz( u]vU_uuw.ˌTgQ[)fOn>% v2n9]˻ޝnn bDZ{p*'pNlTpzfusB-4˩$'BrTMT5>spdvsB_L ''-% |5w;}Q>sy~7ŮCaV#~U> ?]{EE:lvWڕ gVX]J;?z>U՛s٦ bDEgǷe_황B*lUۉWC^_7~NzD=zѣG=zѣG=zѣG=zѣG=zѣG=zѣG=zѣG=zѣG=zѣG=zѣG?^У=zA^У=zAG/ zYcֿijOz֪wz& =zѣ1Kը[z#p`l}&$'m _(׽s~}oo zXݦjuOe~0^O߹Х8:TC 4"    `2$Ios84q8]1b$=Oi=1b$r:ؒy.L  \  \ ( &Loops  for, while The syntax for while loops is while (count<7) { // instructions here count++; // increment count } The syntax for do while loops is do { // instructions here count++; // increment count } while (count<7) 8I!L" elements[n] In the POP/TART exercise when we reset the  values for the button, we physically go to each button ie. b1.value= "" and b2.value= "" and so on. There is an easy way using arrays. When a form is loaded on the browser, an element array was created (without telling you) in the background. So instead of referencing it by its name ie. b1.value, you can use the generic reference array: elements[n].value where n is a number from 0 onwards depending on the order of how the element is arranged. So the the first element would be document.formName.elements[0].value and the next one would be document.formName.elements[1].value and so on.mr3333umPd5b&Example using element[ ]*While you reset the buttons, you might want to use a  for loop to reset the values; document.simpleForm.elements[i].value= ""; However, if you are not sure which element index goes with which GUI, you might want to just simply do this document.simpleForm.elements[i].value=i; (for i=0, i < n, i++) where n is the number of GUI objects (buttons, input text, message, labels etc) that you created. Once you know which index goes with which object, you can now perform a for loop to  reset the values of the buttons and labels.tW'33o)7,W%v%)Illustration of element[] Pull-down menu with button `ZT  33 !P1*- <form name="colorform"> <p><select name="colormenu"> < option value ="#777777">flint < option value ="#7465DC">violet dusk < option value ="#2F8B20">clover < option value ="#DA456B">carnation <option value="#FFCCCC">subtle pink </select> <input type=button name= "updateButton" value="Update Color onclick="change()"> </form>\rP 33 cP   'Pull-down menu without button   j

\kP 33 KP   (Exercise: jex9.htmlUsing the code from the previous two examples. Create the following page. Make sure you name the two menu with different names. (WARNING: DO NOT JUST COPY AND PASTE WITHOUT KNOWING THIS)*Image Object and images[] arrayUsing allows us to display images on webpages. What if we want more control of what to show? When a webpage with images is loaded by a browser, an images[] array is created. The first image is loaded onto images[0] and so on. Unlike, GUI such as buttons etc, where they are the properties of the FORM, images are properties of the DOCUMENT. In order to display an image using javascript. The command is straight forward as such. document.images[0].src= "/~owt/web/abc.gif"$3333%t3333t#L F+Object Hierarchy for images,Simple Example89P9'        +

51

,P,  , ( ' *-.Pre-loading of images to arraysYou can pre-load your image into arrays and when you need a particular image, you can assign First a new array has to be declared: myPic = new Array(); Then you need to write a loop to define or construct the image object for each array element for (i=0; i<n; i++) { myPic[i] = new Image(); // make sure Image is  I } Note that n is the number of pictures you like to pre-load. You can then define myPic[0].src = "pic1.gif"; myPic[1].src = "pic2.gif";8ZZ]ZZ2ZZPZ6Z]2  P                      ,/#Simple Example - revised:jex10.html$$&