Bài giảng môn Lập trình mạng: Chương 5 - TS. Nguyễn Văn Hiệp

Môn học : Lập trình mạng<br /> Chương 5<br /> <br /> DHTML & CLIENT SCRIPT<br /> 5.1 Các tính chất chính của DHTML 5.2 Các sự kiện có thể kết hợp hàm xử lý 5.3 Dynamic Style 5.4 Dynamic font 5.5 Data Binding 5.6 Thí dụ về viết script : trò chơi dò mìn ₫ơn giản<br /> Bộ môn : Công nghệ phần mềm Khoa Công nghệ Thông tin Trường ĐH Bách Khoa Tp.HCM Môn : Lập trình Mạng Chương 5 : DHTML & Clientscript Slide 145<br /> <br /> 5.1 CÁC TÍNH CHẤT CHÍNH CỦA DHTML<br /> DHTML (Dynamic HTML) là sự nới rộng từ HTML do Microsoft khởi xướng và hiện mới chỉ ₫ược hiện thực bởi trình duyệt IE của Microsoft, các trình duyệt khác thường không hiểu các tính chất DHTML. Ý tưởng của DHTML gồm 4 lĩnh vực chính : 1. kết hợp từ 0 ₫ến n hàm xử lý sự kiện với từng phần tử hầu cho phép người dùng tương tác với nó. Các hàm xử lý sự kiện ₫ược ₫ặc tả bằng 1 ngôn ngữ script nào ₫ó và ₫ược ₫ặt trong các tag .... Hiện 2 ngôn ngữ script phổ dụng nhất là javascript và VBscript, trong ₫ó javascript phổ dụng hơn vì ₫ược hỗ trợ bởi hầu hết các trình duyệt Web, trong khi VBscript thì hầu như chỉ có IE hỗ trợ. Lập trình script chạy ở phía client chủ yếu là viết các hàm xử lý sự kiện cho các tag lệnh trong trang Web. 2. kết hợp 1 Style với từng phần tử (tag HTML). Style là tập các thuộc tính miêu tả cách thức hiển thị phần tử. Style của từng phần tử ₫ược ₫ịnh nghĩa tại thời ₫iểm xây dựng trang Web nhưng có thể ₫ược thay ₫ổi ₫ộng trong quá trình tương tác với người dùng.<br /> Bộ môn : Công nghệ phần mềm Khoa Công nghệ Thông tin Trường ĐH Bách Khoa Tp.HCM Môn : Lập trình Mạng Chương 5 : DHTML & Clientscript Slide 146<br /> <br /> CÁC TÍNH CHẤT CHÍNH CỦA DHTML<br /> 3. Font ₫ộng. Thường thì khi trang web ₫ược download về máy client, trình duyệt Web sẽ thông dịch nó và hiển thị kết quả lên màn hình cho người dùng xem, nếu chuỗi văn bản yêu cầu dùng font xác ₫ịnh, trình duyệt Web sẽ yêu cầu HĐH cung cấp, nếu có font thì không sao, còn nếu không có, HĐH sẽ thay thế bằng font có tính chất gần giống, nhưng thường không ₫ạt yêu cầu. Để khắc phục yếu ₫iểm này, tính chất "dynamic font" cho phép trình duyệt Web download font từ server về ₫ể hiển thị ₫úng theo yêu cầu của trang Web ₫ang xử lý. 4. Liên kết dữ liệu (data binding). Chi tiết về 4 tính chất trên sẽ ₫ược trình bày trong các slide còn lại của chương này.<br /> <br /> Bộ môn : Công nghệ phần mềm Khoa Công nghệ Thông tin Trường ĐH Bách Khoa Tp.HCM<br /> <br /> Môn : Lập trình Mạng Chương 5 : DHTML & Clientscript Slide 147<br /> <br /> 5.2 Các sự kiện có thể kết hợp hàm xử lý<br /> onafterupdate : onbeforeupdate : onclick : ondblclick : ondragstart : onerrorupdate : onhelp : onkeydown : onkeypress : onkeyup : onmousedown : onmousemove : onmouseout : onmouseover : onmouseup : onreadystatechange : onrowenter : onrowexit : onselectstart :<br /> Bộ môn : Công nghệ phần mềm Khoa Công nghệ Thông tin Trường ĐH Bách Khoa Tp.HCM<br /> <br /> xảy ra sau khi phần tử ₫ã ₫ược cập nhật (database)<br /> trước khi phần tử ₫ã ₫ược cập nhật (database) sau khi ấn chuột trên phần tử sau khi ấn kép chuột trên phần tử khi bắt ₫ầu drag phần tử khi có sai trong việc cập nhật phần tử khi có yêu cầu trợ giúp khi ấn phím khi ấn phím khi nhả phím khi ấn mouse khi dời mouse khi dời mouse ra khỏi phần tử khi dời mouse tới phần tử khi nhả mouse<br /> <br /> khi ₫ối tượng thay ₫ổi trạng thái khi record hiện hành ₫ã thay ₫ổi nội dung khi ₫iều khiển datasource thay ₫ổi nội dung record. khi ₫ối tượng ₫ược chọn.<br /> Môn : Lập trình Mạng Chương 5 : DHTML & Clientscript Slide 148<br /> <br /> 5.3.1 Style ₫ộng : ẩn/hiện ₫ối tượng<br /> Một trong các thuộc tính trong style kết hợp với từng tag lệnh là thuộc tính "display", nó cho phép ẩn/hiện phần tử tương ứng. Thí dụ trong trang Web kế bên, bài thơ ₫ược ₫ể trong tag và ta có thể ẩn/hiện bài thơ bằng cách thay ₫ổi giá trị của thuộc tính display của tag tương ứng.<br /> <br /> Bộ môn : Công nghệ phần mềm Khoa Công nghệ Thông tin Trường ĐH Bách Khoa Tp.HCM<br /> <br /> Môn : Lập trình Mạng Chương 5 : DHTML & Clientscript Slide 149<br /> <br />