Làm việc với các frame
Khi một cửa sổtrình duyệt chứa nhiều frame, mỗi frame là một đối tượng window.
Trong một trang web
{ window.top: cửa sổtrình duyệt
{ window.parent: cửa sổcha
win = window.parent.contain doc = win.document
doc.frmABC.txtXYZ.value = “…”
Khi một ứng dụng web thiết kếđể hiển thị nhiều frame thì cửa sổ trình duyệt cùng một lúc hiển thị nhiều trang web. Vì mỗi trang web nằm trong một frame nên đối tượng window của một trang web đại diện cho frame chứa trang web đĩ.
Ví dụ: <body> <script language=javascript> document.write(window.parent[0].name + "<BR>") document.write(window.parent[1].name + "<BR>") document.write(window.parent[1].name + "<BR>") </script> </body> Trang Frameset <frameset rows="64,*">
<frame name="banner" scrolling="no" noresize target="contents" src="…">
<frameset cols="150,*">
<frame name="contents" target="main" src=""> <frame name="main" src="new_page_2.htm"> </frameset>
</noframes> </frameset>
Để truy cập tới các đối tượng trong frame khác một cách ngắn gọn, bạn cĩ thể khai báo một đối tượng doc trỏ tới đối tượng document của cửa sổđĩ.
Ví dụ:
win = window.parten.TênFrame doc = win.dow
Học phần 5 – Lập Trình Web Nâng Cao Trang 53/59
…
Ví dụ sau đây minh hoạ cách tận dụng frame để chống lại việc các trang web khác link website của bạn vào một frame trong website của họ.
Ví dụ:
<body onload=”return TopLoad()”> //Với function TopLoad như sau: function TopLoad(){
if (window.top != window)
window.top.location = window.location }
Học phần 5 – Lập Trình Web Nâng Cao Trang 55/59
ĐỀ THI MẪU CUỐI NHÓM HỌC PHẦN
Đề thi :
Học phần 5
Thời gian : 150 phút
Ngày thi : …/…/…
*** Các kết quả lưu vào đĩa làm việc để chấm điểm ***
Tạo thư mục SoMay_TenHV để chứa tồn bộ các tập tin được tạo ra. Ví dụ: học viên Nguyễn Thái Hưng làm bài thi tại máy số 01 sẽ tạo thư mục 01_NTHUNG.
Câu 1 TỔ CHỨC WEBSITE
Tạo website với sơđồ tổ chức các trang web như sau:
Hình 1.1 – Sơđồ liên kết các trang web
Trang chủ cĩ cấu trúc frameset như câu 2:
Câu 2
Hàng khơng Việt Nam
Các chuyến bay Thơng tin đặt vé
Thơng tin các chuyến bay
Chuyến bay Ngày Giờ Giá vé
Hà nội – Tp. HCM 12/4/2003 9:00:00 1.325.000 Tp. HCM – Hà nội 20/4/2003 11:00:00 1.325.000 Tp. HCM – Hà nội 20/4/2003 16:20:00 1.325.000
Hình 1.2 – tổ chức Frameset của trang chủ
Các liên kết trong frame bên trái sẽđược hiển thị trong frame chính:
2..1Các chuyến bay: Liên kết tới trang CacCB.asp
Học phần 5 – Lập Trình Web Nâng Cao Trang 56/59
Câu 3 XÂY DỰNG CƠ SỞ DỮ LIỆU
Tạo CSDL Access cĩ tên là BanVeMB.mdb với các bảng và dữ liệu như sau:
ChuyenBay - Chuyến Bay
Field Name Field Type Field Size Description
MaCB Autonumber Mã Chuyến bay
TenCB Text 50 Tên chuyến bay NgayGio DateTime Ngày giờ bay SoVe Number Integer Số vé
SoVeConLai Number Integer Số vé cịn lại GiaVe Number Long integer Giá vé
BanVe Yes/No Cịn bán vé = True, Hết hạn bán vé = False
DatVe - Vé
Field Name Field Type Field Size Description
MaDatVe Autonumber Mã đặt vé
MaCB Number Long integer Mã chuyến bay HoTen Text 50 Họ tên khách hàng Email Text 100 Email Password Text 20 Password SoVe Number Byte Số vé đặt
Chú ý: Các field in đậm, nghiêng và gạch dưới là khố chính.
Sơđồ quan hệ giữa các bảng
Dữ liệu thử
ChuyenBay
MaCB TenCB NgayGio SoVe SoVeConLai GiaVe BanVe
1Hà nội -Tp. Hồ Chí Minh 4/14/2003 9:00:00 AM 100 991325000 Yes 2Tp.HCM - Hà nội 4/20/2003 11:00:00 AM 150 1351325000 Yes 3Tp.HCM - Hà nội 4/20/2003 4:20:00 PM 150 201325000 Yes
DatVe
MaDatVeMaCB HoTen Email Password SoVe
1 3Cty. Du Lịch Lửa Việt crm@luaviet.com luaviet 60 2 3Cty. Saigon Tourist tour@sgtourist.com toursg 40 3 3Nguyễn Văn Vinh nvving@yahoo.com 123vinh 4 4 3Lê Thị Minh Giang ltmgiang@hotmail.com gianghotmail 6 5 3Phạm Thị Nga ptnga@operamail.com thinga 10 6 3Cty. VietHan hr@viethan.org hrviethan 10 7 1Trần Thị Mỹ Hương ttmyhuong@yahoo.com mh 1 8 2Cty. VietTour crm@viettour.com crmvt 15
Học phần 5 – Lập Trình Web Nâng Cao Trang 57/59
Câu 4 THỰC HIỆN CÁC CHỨC NĂNG
Trang CacCB.asp
Liệt kê thơng tin các chuyến bay cịn bán vé
Ứng với mỗi chuyến bay được liệt kê là một liên kết mà khi người dùng chọn sẽ mở trang ChuyenBay.asp
Trang ChuyenBay.asp
Trang này hiển thị các thơng tin của chuyến bay và cho phép người dùng đặt vé.
Chuyến bay Tp. Hồ Chí Minh – Hà nội
- Ngày khởi hành : 20/5/2003 - Giờ khởi hành : 16:20 - Giá vé : 1.325.000 - Số vé cịn lại : 20
Đặt vé chuyến bay này
Họ tên khách hàng Email Email (lặp lại) Password Password (lặp lại) Địa chỉ giao vé Số vé đặt Hình 3.1 – Trang ChuyenBay.asp
Khi người dùng click vào nút Đặt vé, phải kiểm tra:
Họ tên khách hàng: bắt buộc
Hai địa chỉ email: bắt buộc, giống nhau Password: bắt buộc, giống nhau Địa chỉ giao vé: bắt buộc
Số vé đặt phải là số và nhỏ hơn hoặc bằng số vé cịn lại.
Sau khi kiểm tra dữ liệu nhập hợp lệ, gửi thơng tin đặt vé của khách hàng đến file DatVe.asp để cập nhật vào bảng DatVe. Tiếp theo, trang DatVe.asp hiểnt hị thơng tin đặt vé của chuyến bay của khách hàng.
Học phần 5 – Lập Trình Web Nâng Cao Trang 58/59
Trang DatVe.asp
Trang thơng tin đặt vé cho khách hàng biết các thơng tin về vé được đặt cho một chuyến bay.
Khi người dùng click vào mục Thơng tin đặt vé trong frame bên trái, ComboBox chuyến bay chưa được chọn và chưa cĩ thơng tin đặt vé nào hiển thị.
Nếu trang Thơng tin đặt vé hiển thị do kết quả đặt vé của khách hàng từ trang ChuyenBay.asp thì ComboBox chuyến bay sẽ tựđộng chọn chuyến bay vừa đặt vé và trang web hiển thị thơng tin đặt vé của chuyến bay đĩ.
Khi người dùng chọn một chuyến bay, trang web sẽ hiển thị thơng tin đặt vé của chuyến bay đĩ.
Chuyến bay Tp. Hơ Chí Minh - Hà nơi (20/4/2003 16:20)
Thơng tin đặt vé
Họ tên Email Số vé đặt
Cty. Du Lịch Lửa Việt crm@luaviet.com 60 Cty. Saigon Tourist tour@sgtourist.com 40 Nguyễn Văn Vinh nvving@yahoo.com 4 Lê Thị Minh Giang ltmgiang@hotmail.com 6 Phạm Thị Nga ptnga@operamail.com 10 Cty. VietHan hr@viethan.org 10
Học phần 5 – Lập Trình Web Nâng Cao Trang 59/59
ĐỀ THI MẪU KIỂM TRA GIÁO VIÊN
Nội dung kiểm tra chuyên mơn
Thời gian : 180 phút
Lập Trình Web
Bạn hãy xây dựng ứng dụng Chat HTML như sau: - Màn hình chính của ứng dụng như hình dưới
- Người dùng muốn tham gia chat phải đăng nhập. Nếu khơng, người dùng chỉ cĩ thể xem những người khác chat trên màn hình chính.
o Khi đăng nhập thì người dùng chỉ cần nhập vào tên chatter mà thơi.
o Nếu tên chatter chưa cĩ người nào lấy thì mới được coi là đăng nhập thành cơng và thơng tin chatter sẽ hiển thị tên.
- Màn hình chính hiển thị lời thoại giữa các chatter, cứ sau 5 giây, thơng tin lời thoại lại được cập nhật một lần.
- Phần màn hình bên trái liệt kê các chatter đang tham gia.
- Phần màn hình phía dưới dành cho chatter gõ câu đối thoại và gửi đi.
Yêu cầu:
- Dựa trên yêu cầu giảng dạy mơn Lập Trình Web, bạn chỉ cĩ thể sử dụng ngơn ngữ HTML, JavaScript và ASP cùng với các cơng cụ: FrontPage, Visual InterDev. Ứng dụng được xây dựng cho Internet Explorer ver. 5 trở về sau.
- Giao diện hồn tồn bằng tiếng Việt. Font chữ Unicode bảng mã UTF-8 - Cơ sở dữ liệu Access 2000