Lab-Phonegap KhoaPham PDF

1
Trung Tm o To Tin Hc Khoa Phm | Lu Hnh Ni B
LAB LP TRNH PHONEGAP

Phn 1 PhoneGap c bn
Bi 0: Gii thiu Lp trnh PhoneGap (Phi xem u tin)
03
Bi 1: Ci t PhoneGap Desktop
04
Bi 2: Nhng jMobile vo ng dng
08
Bi 3: Chnh t l Zoom khi chy trn thit b tht
11
Bi 4: To menu slide 2 cnh mn hnh
15
Bi 5: Ly tham s truyn gia cc mn hnh ng dng
18
Demo: ng dng ng k kha hc online
22
Bi 6: To banner chuyn nh vi jQuery Slider Responsive
25
Bi 7: Play file nhc .Mp3 t URL Internet
27
Bi 8: Play file video .Mp4 t URL Internet
28
Bi 9: ng k v nhng qung co Admob vo ng dng
30
Bi 10: Kch hot camera v Photos ca my ngi dng
40
Bi 11: Nhng video Youtube vo ng dng
44
Phn 2 - ng dng thc t

ng dng 1: Thit k ng dng nghe nhc Online
47
ng dng 2: Thit k shop bn in thoi Online
73
PHN 1 LP TRNH PHONEGAP

C BN
BN VUI LNG XEM QUA BI HNG
DN SAU
Link d phng: https://www.youtube.com/watch?v=DhfgxLmbiDA
Bi 1: Ci t PhoneGap Desktop
Bc 1: Ti Phonegap desktop
Vo link: http://phonegap.com/blog/2015/03/02/phonegap-app-desktop-0-1-2/ ti file ci
t(chn h iu hnh bn s dng Mac/Windows)
Bc 2: Ci t Phonegap.
- Chy file PhoneGapSetup.exe, click Next.
Bc 3: Click I accept the agreement -> click Next.
Bc 4: ng dn mc nh ri click Next.
Bc 5: Click Next.
Bc 6: Click Install.
Bc 7: Click Finish hon tt ci t.
Bi 2: Nhng jMobile vo ng dng

Bc 1: Ti jquery mobile.
Chn Lastest stable ti bn mi nht ca jquery mobile.

Bc 2: Ti jquery
Vo http://jquery.com/download/ mc Download chn link Download the compressed,

production jQuery 1.11.3
8
Bc 3: Gii nn file jquey mobile va ti.

Lu : 2 file jquery.mobile-1.4.5 c ui css v js. 2 file ny s c dng trong project.
Bc 4: Thm file vo jquery.mobile-1.4.5.css vo th mc css.
Bc 5: Thm 3 file jquery, jquery mobile v parse vo th mc js ca project.
Bc 6: M file index.html bng phn mm Dreamweaver(c th m bng phn mm khc)

trong th mc www ca project.
- Chn file css v 3 file js nh dng 12 14.
10
Bi 3: Chnh t l Zoom khi chy trn thit

b tht
Bi ny hng dn cch chnh t l zoom trn thit b di ng tng t trn my
tnh(trnh duyt web)
Bc 1: To project, click +, chn Create new Phonegap project
Bc 2: in thng tin project -> click Create project.
11
Bc 3: M file index.html trong th mc www ca project bng DreamWeaver(c th dng

phn mm khc), thm on code trong khung mu .
Bc 4: Thm 1 th hnh trong phn body, vi thuc tnh width v height l %.
12
Bc 5: Chy file index trn trnh duyt web xem kt qu.
13
Bc 6: Kt qu khi chy trn my tht.
14
Bi 4: To menu slide 2 cnh mn hnh
Bi ny hng dn cch to menu slide 2 bn mn hnh.

Bc 1: Thm 2 file js vo project, nhng vo file index.html
15
Bc 2: Vit code cho menu tri v phi.
Kt qu:
Mn hnh c 2 nt chn menu.
16
Menu tri
Menu phi
17
Bi 5: Ly tham s truyn gia cc mn

hnh ng dng
A. Truyn v ly tham s n gin.
Bi ny hng dn cch truyn v ly tham s trn URL.
18
Bc 1: Code trong th <head> trang index.html

Gii thch: - Dng 20: Chn ajax khi truyn tham s trn URL
- Dng 23: getThamso.html?nd=" + s
getThamso.html l trang th 2 cn nhn tham s
s l gi tr ca text cn truyn.
nd= l bin gn gi tr ca s trn URL
Bc 2: Code th <body> trang index.html
19
Bc 3: Code th <head> trang getThamso.html nhn gi tr cn truyn trn URL

Gii thch: Dng 20,21: ly gi tr trn URL v gn cho label c id l ndung.
Bc 4: Code th <body> trang getThamso.html
20
Kt qu:
21
B. NG DNG NG K KHA HC
C TRUYN THAM S TRN URL
Bi ny hng dn cch lm ng dng ng k kha hc, s dng hm javascript

truyn nhiu tham s trn URL.
22
Bc 1: Code th <head> trang index.html

Gii thch: Dng 18 28: code ly gi tr nhp trn textbox v gn tham s ln URL khi click nt
Gi.
23
Bc 3: To trang thongtin.html v code th <head>

Gii thch:
- Dng 26 35: Hm javascript ly tham s trn URL.
- Dng 20 24: Hng gi tr ca tham s v gn gi tr tng ng.
Bc 4: Code trong th <body> trang thongtin.html
24
Bi 6: To banner chuyn nh vi jQuery

Slider Responsive
lm bi ny, cn chun b mt vi tm hnh trnh chiu.

Download file javascript slider ti:
http://khoapham.vn/KhoaPhamTraining/phonegap/slider.zip
Bc 1: Thm hnh vo project v gii nn file slider.zip
25
Bc 2: Vit code th <head> trang index.html
26
Bi 7: Play file nhc .Mp3 t URL Internet

A. DEMO
Bi ny hng dn cch play nhc mp3 t internet.
Link mp3 demo: http://wepro.vn/khoapham.vn/ChuaBaoGio.mp3
Bc 1: Vit code trong th <head> trang index.html
Bc 2: Code nt Play nhc trong th <body>
Hon thnh, chy file index.html xem kt qu.
27
Bi 8: Play file video .Mp4 t URL Internet
Bi ny hng dn cch play video mp4 vi HTML5.

Link video demo: http://khoapham.vn/video/android/3-LapTrinhJava.mp4
Bc 1: Code th <head> trang index.html
28
Bc 2: Code th <body>
Chy file index.html xem kt qu.
29
Bi 9: ng k v nhng qung co Admob

vo ng dng
30
I. To ti khon admob
Bc 1: Vo https://www.google.com/admob/ ng nhp bng ti khon google -> chn Yes
31
Bc 2: in thng tin -> click Continue.
32
Bc 3: Chn mi gi v n v tin t.
Bc 4: Check vo iu khon, qui nh -> click Create Admob Account
Bc 5: Click Get Start
33
Bc 6: Sau khi click Get Start s chuyn v trang ch, click Hy bt u.
34
Bc 7: Chn ng dng qung co

- Click Thm ng dng ca bn theo cch th cng
- in tn ng dng.
- Chn nn tng.
- Click Thm ng dng.
35
Bc 8: Ty chnh banner qung co(nn gi mc nh)

- Chn Biu ng.
- in tn n v qung co.
- Click Lu.
36
Bc 9: Click Hon tt to qung co.

Lu : ID n v qung co s c dng trong project.
37
II. Vit code project

Bc 1: Thm on code sau vo file config.xml
38
Bc 2: Sau th </body> trang index.html, m cp th <script></script> vit code sau:
39
Bi 10: Kch hot camera v Photos ca

my ngi dng
ng dng ny dng kch hot camera trn thit b di ng, chp v xem hnh nh
trn my.
40
41
42
Kt qu:
Mn hnh camera
43
Mn hnh sau khi chp
Bi 11: Nhng video Youtube vo ng

dng
A. DEMO
Bc 1: Code trong th <head>
44
Bc 1: Code trong th <head>
45
46
HNG DN LM NG DNG NGHE

NHC TRN PHONEGAP
- ng dng ny c 3 mn hnh. Danh sch ca s, danh sch bi ht v pht

nhc.
- D liu ca ng dng s dng web service ca Parse.com
- Ngun bi ht ly t trang mp3.zing.vn
47
Phn 1: Ci t Phonegap
Bc 1: Ti Phonegap desktop
Vo link: http://phonegap.com/blog/2015/03/02/phonegap-app-desktop-0-1-2/ ti file ci
t(chn h iu hnh bn s dng Mac/Windows)
48
Bc 2: Ci t Phonegap.
- Chy file PhoneGapSetup.exe, click Next.
Bc 3: Click I accept the agreement -> click Next.
49
Bc 4: ng dn mc nh ri click Next.
Bc 5: Click Next.
50
Bc 6: Click Install.
51
Bc 7: Click Finish hon tt ci t.
Phn 2: Ti cc file js v css

Bc 1: Ti jquery mobile.
Chn Lastest stable ti bn mi nht ca jquery mobile.

Bc 2: Ti jquery
52
Vo http://jquery.com/download/ mc Download chn link Download the compressed,

production jQuery 1.11.3
Bc 3: Gii nn file jquey mobile va ti.
53
Ch 2 file jquery.mobile-1.4.5 c ui css v js. 2 file ny s c dng trong project.
54
Phn 3: To project
Bc 1: Chy Phonegap
ln u chy Phonegap yu cu update phin bn, c th chn Cancel/Update.
Do phin bn va ti l mi nht nn chn Cancel.
55
Bc 2: To project mi.
- Click biu tng du + pha tin hnh to project mi.
- Chn Create new PhoneGap project...
Bc 3: in thng tin project.

- Local path: click Choose chn v tr lu project.
- Name: G tn ca project.
- ID: v d l com.khoapham.demo0909.
Ch com gi nguyn
Ch mu : thay bng tn c nhn.
Ch mu xanh: tn ca app, mi app t tn khc nhau khi submit ln store khng b
trng.
- Click Create project hon thnh.
56
57
Phn 4: To d liu trn pasre.com

Bc 1: ng k ti khon trn pare.com
- Truy cp https://www.parse.com/, chn Sign up fo free tin hnh ng k ti khon.
- ng k nh hnh, ring phn Nghe nhac online l tn ng dng trn Parse.com
Bc 2: Qun l database
- Sau khi ng k thnh cng, Parse s t login ti khon, vo danh sch database click
- Chn vo database va mi to Nghe nhac online click Core pha di.
58
Bc 3: To class
- Click Add class to class mi.
- G BaiHat, click Create Class.
- Tng t to class CaSi.
59
Bc 4: Thm d liu cho class CaSi

- Chn class CaSi ri click + Col thm thuc tnh.
- Class CaSi c 3 thuc tnh: IdCS, TenCS v Hinh( ring Hinh c kiu d liu l File)
60
- Click + Row thm dng d liu.

- Click vo d liu tng ng nhp.
Bc 5: Thm d liu cho class BaiHat

- Tng t class CaSi, class BaiHat c cc thuc tnh sau: IdCS, TenBH, LinkBH, Hinh,
LoiBH.
- Thuc tnh LinkBH, s ly link file mp3 t trang mp3.zing.vn
Cch ly link:
http://khoapham.vn/KhoaPhamTraining/mp3/zing.php?baihat=http://mp3.zing.vn/bai-hat/SayYou-Do-Tien-Tien/ZW70EIUE.html
- Vo mp3.zing.vn tm bi ht cn ly link.
- Copy link thay vo phn mu ca link trn. V d y l bi ht Say-You-Do
- Dn vo trnh duyt truy cp link s c kt qu nh sau:
61
http://m.mp3.zing.vn/xml/songload/MjAxNSUyRjA0JTJGMjUlMkYxJTJGNiUyRjE2N2ZjNWQ2MjcxNjZlNzU1ZTc0NWU5Z
jU5NDFmNDBlLm1wMyU3QzEz
- Copy link ny vo thuc tnh LinkBH
Bc 6: Ly key ca database
- Click vo quickstart guide
62
- Chn mc Data
- Chn mc Web
- Chn Existing project
63
- Copy link www.parsecdn.com/js/parse-1.6.0.min.js dn vo trnh duyt web.

- Save li c file parse-1.6.0.min.js
- Copy dng Parse.initialize("uKnqDHq6mrdxmcW4nMz70sX8bfKKWvjRf6LIECch",
"h0xF4hqoy2MdirDCUw1CZMeMXCjYASRX9nmnF0am"); y l KEY ca database.
Lu : 2 key mu v mu vng s khc nhau vi mi app khc nhau.
64
Phn 5: Vit code ng dng

Trc khi vit code cn thm cc file js v css vo trong project.
Bc 1: Thm file vo jquery.mobile-1.4.5.css vo th mc css.
Bc 2: Thm 3 file jquery, jquery mobile v parse vo th mc js ca project.

65
Bc 4: Xa code khng dng trong <body></body>
Bc 5: Vit code trong the body trang index.html

- Gii thch: Dng 40 44 l listview hin th danh sch ca s.
66
Bc 6: Vit code jquery ly d liu t parse.com

- Trong th <head></head>, m cp th <script></script>.
Gii thch:
- Dng 20: key ca parse.
- Dng 21: chn ajax (s dng khi ly bin truyn qua url).
- Dng 22 37: ly d liu t Parse.
- var Singer = Parse.Object.extend("CaSi"); CaSi l tn class cn ly d liu.
- Code hin th ra listview:
$("#dsCS").append("<li text-align='left'><a class='ui-btn ui-btn-icon-right ui-icon-carat-r'
href='danhsach.html?id="+maCS+"'><img src='"+ hinhCS +"' width='60px'
height='60px'/> "+ tenCS + "</a></li>");
- danhsach.html l trang hin th danh sch bi ht ca ca s c chn.
- ?id="+maCS+" trong id l bin cn truyn i, maCS l gi tr c gn.
Bc 7: To trang danhsach.html
- To trang danhsach.html trong th mc www hin th danh sch bi ht.
- nhanh hn khi code, copy ht ni dung trang index.html vo danhsach.html
67
Bc 8: Code ni dung th body trang danhsach.html

Gii thch: - Dng 54 to button Back quay v trang index.html
- Sa id=dsBH dng 55
Bc 9: Vit hm ly gi tr ca id ca IdCS truyn t trang index.html
68
Bc 10: Vit code ly danh sch bi ht

Gii thch:
- Dng 17: gi hm ly gi tr ca IdCS, ids l bin gn gi tr.
- Dng 20: BaiHat l tn class cn ly d liu.
- Dng 22: query.equalTo("IdCS", ids); truy vn IdCS bng gi tr va ly c t trang
index.html
- Code ly cc gi tr ca bi ht tng t trang index.html
- Dng 30: href='play.html?id="+idBH+"' gn id bng gi tr idBH c chn.
- Dng 37 39: hm bt s hin click khi nhn button Back.
Bc 11: To trang play.html pht nhc.

- To trang play.html trong th mc www hin th bi ht chn.
- Copy ht ni dung trang danhsach.html vo play.html
69
Bc 12: Vit code th body trang play.html

Gii thch:
- Dng 71: chn th img hin th hnh ca s.
- Dng 72: hin th tn bi ht.
- Dng 73: chn nt Play pht nhc.
- Dng 74: chn th audio nhn gi tr link mp3, thuc tnh src= b trng nhn gi tr ly
v.
- Dng 76 78: chn th textarea hin th li bi ht.
70
Bc 13: Vit code ly gi tr ca bi ht.

Gii thch: Dng 18 v 22 ly gi tr id bi ht c chn trang danhsach.html ri gn vo
cu truy vn.
Bc 14: Code nt play nhc.

Gii thch:
- Dng 42 44: s kin click nt play pht nhc.
- Dng 48 50: Vit css nt play.
71
Sau khi hon thnh s c kt qu sau:
72
HNG DN LM NG DNG SHOP

ONLINE TRN PHONEGAP
- ng dng ny c 4 mn hnh: danh sch hng in thoi, danh sch in

thoi, chi tit in thoi v thng tin t hng.
- D liu ca ng dng s dng web service ca Parse.com
- Thng tin t hng s c lu ln web service.
- Hnh nh c th download ti y:
https://www.dropbox.com/s/gx2eo7kf1t5fwnr/DienThoai.zip?dl=0
73
Phn 1: To d liu trn pasre.com

Bc 1: To thm ng dng mi trn Parse.
Bc 2: To class cha thng tin hng in thoi.

- G Company, click Create Class.
- Class Company c 2 thuc tnh IdCom( m hng in thoi), NameCom(tn hng in thoi).
- Click + Row thm d liu cho class Company.
74
Bc 3: To class cha thng tin ca in thoi.

- G Phone, click Create Class.
- Class Phone c 5 thuc tnh: IdCom(m hng in thoi), Name(tn), Price(gi), Detail(thng
tin chi tit).
- Click + Row thm d liu.
75
Bc 4: To class cha thng tin t hng ca khch hng.

- G Company, click Create Class.
- Class ny c 5 thuc tnh: NameCustomer(Tn khch hng), PhoneNumber(S in thoi),
Address(a ch), Email, IdPhone(ID ca in thoi t hng).
- trng d liu class ny. Thng tin t hng s c lu class ny.
76
Bc 5: Ly key ca database
- Click vo Quickstart.
- Chn mc Data
77
- Chn mc Web
- Chn Existing project
78
- Copy link www.parsecdn.com/js/parse-1.6.0.min.js dn vo trnh duyt web.

- Save li c file parse-1.6.0.min.js
- Copy dng Parse.initialize("sj1pYBqYP1Y5hvXajub2x1XmpqcXsl0O0guaDDGp", "
kZXQs9Nib3m8d7XggVptO9ieLyWrz24GCQGiGgeN"); y l KEY ca database.
Lu : 2 key mu v mu vng s khc nhau vi mi app khc nhau.
79
Phn 2: Vit code ng dng

Bc 2: Xa code khng dng trong <body></body>
Bc 3: Vit code trong the body trang index.html

- Gii thch: Dng 42 44 l listview hin th danh sch hng in thoi.
80
Bc 4: Vit code jquery ly d liu t parse.com

- Trong th <head></head>, m cp th <script></script>.
Gii thch:
- Dng 17: key ca parse.
- Dng 18: chn ajax (s dng khi ly bin truyn qua url).
- Dng 19 33: ly d liu t Parse.
- var mobile = Parse.Object.extend("Company"); Company l tn class cn ly d liu.
- Code hin th ra listview:
$("#dsCom").append("<li text-align='left'><a class='ui-btn ui-btn-icon-right ui-icon-caratr' href='dienthoai.html?id="+ma+"'> " + ten + "</a></li>");
- dienthoai.html l trang hin th danh sch in thoi ca hng c chn.
- ?id="+ma+" trong id l bin cn truyn i, ma l gi tr c gn.
81
Bc 5: To trang dienthoai.html
- To trang dienthoai.html trong th mc www hin th danh sch bi ht.
- nhanh hn khi code, copy ht ni dung trang index.html vo dienthoai.html
Bc 6: Code ni dung th body trang dienthoai.html
Gii thch: - Dng 59 to button Back quay v trang index.html
- Sa id=dsDT dng 60.
Bc 7: Vit hm ly gi tr ca id ca IdCom truyn t trang index.html
82
Bc 8: Vit code ly danh sch in thoi

Gii thch:
- Dng 17: gi hm ly gi tr ca IdCom, madt l bin gn gi tr.
- Dng 20: Phone l tn class cn ly d liu.
- Dng 22: query.equalTo("IdCom", madt); truy vn IdCom bng gi tr va ly c t trang
index.html
- Code ly cc gi tr ca bi ht tng t trang index.html
- Dng 31: href='chitiet.html?id="+idDT+"' gn id bng gi tr idDT c chn.
83
Bc 9: Vit code cho nt Back
Bc 10: To trang chitiet.html hin th thng tin chi tit ca in thoi.
Bc 11: Code trong th body

Gii thch:
- Dng 66 75: Code hin th thng tin ca in thoi.
84
Bc 12: Vit hm ly gi tr ca id ca IdDT truyn t trang dienthoai.html
Bc 13: Code ly thng tin chi tit ca in thoi.

Gii thch:
85
- Dng 30: $("#order").attr("href","dathang.html?id=" + idDT); truyn bin idDT qua url.
Bc 14: Code nut Back
Bc 15: To trang dathang.html nhp thng tin khch hng
Bc 16: Code th body dathang.html
86
Bc 17: Vit hm ly gi tr ca id ca IdDT truyn t trang chitet.html
87
Bc 18: Code lu thng tin khch hng ln web service parse.com

Gii thch:
- Dng 18: ly gi tr ID ca in thoi chn.
- Dng 21 24: ly thng tin khch hng.
- Dng 25 40: save thng tin khch hng v m in thoi ln web service.
88
Sau khi hon thnh s c kt qu sau:
89
CHC MNG CC BN HON TT PHN C BN LP TRNH PHONEGAP
NU BN QUAN TM V MUN TM HIU THM, VUI LNG XEM CHI TIT TI WEBSITE
HTTP://KHOAPHAM.VN
TRN TRNG CM N
90

Lab-Phonegap KhoaPham PDF

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Lab-Phonegap KhoaPham PDF

Uploaded by

Copyright:

Available Formats

1

Trung Tm o To Tin Hc Khoa Phm | Lu Hnh Ni B

LAB LP TRNH PHONEGAP

Bi 2: Nhng jMobile vo ng dng

Bi 3: Chnh t l Zoom khi chy trn thit b tht

Bi 4: To menu slide 2 cnh mn hnh

Bi 5: Ly tham s truyn gia cc mn hnh ng dng

Demo: ng dng ng k kha hc online

Bi 6: To banner chuyn nh vi jQuery Slider Responsive

Bi 7: Play file nhc .Mp3 t URL Internet

Bi 8: Play file video .Mp4 t URL Internet

Bi 9: ng k v nhng qung co Admob vo ng dng

Bi 10: Kch hot camera v Photos ca my ngi dng

Bi 11: Nhng video Youtube vo ng dng

Phn 2 - ng dng thc t

ng dng 2: Thit k shop bn in thoi Online

Trung Tm o To Tin Hc Khoa Phm | Lu Hnh Ni B

PHN 1 LP TRNH PHONEGAP

Link d phng: https://www.youtube.com/watch?v=DhfgxLmbiDA

Trung Tm o To Tin Hc Khoa Phm | Lu Hnh Ni B

Trung Tm o To Tin Hc Khoa Phm | Lu Hnh Ni B

Bc 3: Click I accept the agreement -> click Next.

Trung Tm o To Tin Hc Khoa Phm | Lu Hnh Ni B

Trung Tm o To Tin Hc Khoa Phm | Lu Hnh Ni B

Bc 7: Click Finish hon tt ci t.

Trung Tm o To Tin Hc Khoa Phm | Lu Hnh Ni B

Bi 2: Nhng jMobile vo ng dng

Chn Lastest stable ti bn mi nht ca jquery mobile.

Vo http://jquery.com/download/ mc Download chn link Download the compressed,

Trung Tm o To Tin Hc Khoa Phm | Lu Hnh Ni B

Bc 3: Gii nn file jquey mobile va ti.

Bc 4: Thm file vo jquery.mobile-1.4.5.css vo th mc css.

Trung Tm o To Tin Hc Khoa Phm | Lu Hnh Ni B

Bc 5: Thm 3 file jquery, jquery mobile v parse vo th mc js ca project.

Bc 6: M file index.html bng phn mm Dreamweaver(c th m bng phn mm khc)

Trung Tm o To Tin Hc Khoa Phm | Lu Hnh Ni B

Bi 3: Chnh t l Zoom khi chy trn thit

Bc 2: in thng tin project -> click Create project.

Trung Tm o To Tin Hc Khoa Phm | Lu Hnh Ni B

Bc 3: M file index.html trong th mc www ca project bng DreamWeaver(c th dng

Bc 4: Thm 1 th hnh trong phn body, vi thuc tnh width v height l %.

Trung Tm o To Tin Hc Khoa Phm | Lu Hnh Ni B

Bc 5: Chy file index trn trnh duyt web xem kt qu.

Trung Tm o To Tin Hc Khoa Phm | Lu Hnh Ni B

Bc 6: Kt qu khi chy trn my tht.

Trung Tm o To Tin Hc Khoa Phm | Lu Hnh Ni B

Bi 4: To menu slide 2 cnh mn hnh

Bi ny hng dn cch to menu slide 2 bn mn hnh.

Trung Tm o To Tin Hc Khoa Phm | Lu Hnh Ni B

Bc 2: Vit code cho menu tri v phi.

Trung Tm o To Tin Hc Khoa Phm | Lu Hnh Ni B

Trung Tm o To Tin Hc Khoa Phm | Lu Hnh Ni B

Bi 5: Ly tham s truyn gia cc mn

Bi ny hng dn cch truyn v ly tham s trn URL.

Trung Tm o To Tin Hc Khoa Phm | Lu Hnh Ni B

Bc 1: Code trong th <head> trang index.html

Bc 2: Code th <body> trang index.html

Trung Tm o To Tin Hc Khoa Phm | Lu Hnh Ni B

Bc 3: Code th <head> trang getThamso.html nhn gi tr cn truyn trn URL

Bc 4: Code th <body> trang getThamso.html

Trung Tm o To Tin Hc Khoa Phm | Lu Hnh Ni B

Trung Tm o To Tin Hc Khoa Phm | Lu Hnh Ni B

Bi ny hng dn cch lm ng dng ng k kha hc, s dng hm javascript