Bài viết này sẽ hướng dẫn bạn cách lấy giá trị từ một trang popup của một trang web để trả về cho trang sinh ra nó như thế nào.
Các bước tiến hành như sau:
Trong trang thứ nhất, chúng ta gọi là trang Parent.html có chức năng sinh ra một trang con (popup form). Trong trang này chúng ta chỉ có một nút như sau:
Nút này sẽ gọi đến hàm ShowDialog() khi được nhấn để gọi ra trang thứ hai. Đây là mã lệnh của trang Parent.html:
Parent - "parentDiv">
- 'button' name = 'button' value='Hiển thị Popup' onclick='ShowDialog();'>
Trong đoạn mã trên, chúng ta có một thẻ div có thuộc tính id là parentDiv dùng để nhận giá trị sẽ được lấy về từ trang con sẽ sinh ra khi nhấn nút.
Ở trang thứ hai, là trang sẽ được mở ra khi nhấn nút trong trang Parent.html, được thiết kế gồm có một một thẻ div chứa nội dung cần lấy giá trị và một nút để thực hiện truyền giá trị này cho trang Parent.html
Mã lệnh trong trang Child.html như sau:
- "childDiv">Hi, hello, I'm APTECH
- button' name = 'button' value='Done' onclick=Done();'>
Mọi thẻ HTML nếu có id thì đều có thể tìm đến nó để thao tác thông qua một DOM object có tên là document (sử dụng phương thức getElementById()). Để lấy hoặc thiết lập nội dung của thẻ đó, ta sử dụng thuộc tính innerHTML. Còn opener là đối tượng của cửa sổ cha tương ứng với trang Parent.html
Kết quả nhận được khi nhấn nút Done từ trang Child.html như sau
Không có nhận xét nào:
Đăng nhận xét