Nội dung động và định vị động

Nội dung động định vị động Nội dung động định vị động Bởi: Khoa CNTT ĐHSP KT Hưng Yên Mục tiêu chương giúp người học có thể: • Thay đổi nội dung thẻ trang web thông qua JavaScript • Sử dụng JavaScript để di chuyển tầng • Vận dụng khả định vị động nội dung động vào thiết kế web TÓM TẮT LÝ THUYẾT Nội dung động khả cho phép thay đổi nội dung trang web lệnh Script Để thay đổi nội dung phần tử IE, thay đổi thuộc tính : • • • • innerText innerHTML outerText outerHTML Cú pháp dùng để thay đổi giá trị thuộc tính sau: document.all.. = Trong Click here Bài số : Minh hoạ thay thuộc tính outerText 3/9 Nội dung động định vị động Yêu cầu: Tạo nút có nhãn "Open" Khi người dùng click vào nút mở trang http://www.echip.com.vn, cửa sổ dòng nút thay dòng chữ "Trang mở" Hướng dẫn: • Để mở trang web cửa sổ mới, bạn viết: window.open("Địa URL trang cần mở", "_Blank") • Thay nút dòng chữ thông qua thay đổi thuộc tính outerText nút Minh hoạ: function ThayDoi() { window.open("http://www.echip.com.vn","_blank"); document.all.Nut1.outerText='"Trang thăm"; } Bài số 4: Minh hoạ thay đổi thuộc tính outerHTML 4/9 Nội dung động định vị động Yêu cầu: Tạo dòng chữ "Click here" có màu xanh, kích cỡ H1 Khi người dùng click vào dòng chữ thay liên kết đến trang http://www.vn.vn Hướng dẫn: Do người dùng click vào dòng chữ thay liên kết nên thuộc tính cần thay đổi outerHTML Câu lệnh thay đổi đặt kiện Click chuột Minh hoạ: functionChenLienKet() { document.all.LienKet.outerHTML=' ... click vào nút yêu cầu người dùng nhập vào xâu, sau thay nội dung thẻ H1 xâu nhập vào (Theo cách: thay thuộc tính innerText, innerHTML, outerText, outerHTML) Bài số 2: 8/9 Nội dung động định vị động. .. việc định vị động IE Yêu cầu: Tạo nút có nhãn "Sign Up" Khi chuột di chuyển nút hiển thị dòng nhắc "Đăng ký hòm thư mới" có màu vàng vị trí chuột Khi chuột di chuyển dòng nhắc ẩn 5/9 Nội dung động. . .Nội dung động định vị động Thay đổi IE Bạn cần thay đổi thuộc tính tầng pixelLeft pixelTop • Thuộc tính pixelLeft qui định di chuyển sang phải / sang trái • Thuộc tính pixelTop qui định