Gọi JavaScript của cửa sổ mẹ từ cửa sổ con

Question

Tôi có lịch và khi tôi nhấp vào <td>, cửa sổ bật lên sẽ xuất hiện để bạn có thể tạo số liệu cho ngày bạn đã chọn. Tôi muốn thêm một tính năng.

Khi người dùng hoàn tất việc tạo sự kiện, tôi muốn gửi yêu cầu JavaScript đến trang gốc để tôi có thể làm mới lịch bằng AJAX. Về cơ bản, tôi muốn gọi một hàm từ đứa trẻ, nhưng hàm này nằm trên trang cha.

Trên Google, tôi chỉ tìm thấy tập lệnh có thể làm mới cửa sổ chính - không có gì về "gọi lại mẹ". ☹ Thậm chí có thể không?

P.S. Câu trả lời có thể là JS hoặc jQuery thuần túy, điều đó không quan trọng. Tôi sẽ tiếp tục tìm kiếm trong khi đó.

Answer 1

Điều bạn đang tìm kiếm là tham chiếu đến window đã mở cửa sổ bật lên. Một khi bạn có điều đó, bạn có thể gọi các hàm trong cửa sổ đó, đọc và ghi các biến trong cửa sổ đó, hoặc thậm chí thao tác với DOM của nó.

Tham chiếu đó được gọi là opener. Nó cung cấp cho bạn đối tượng window cho cửa sổ đã mở cửa sổ hiện tại. Ví dụ, nếu bạn có một chức năng trong cửa sổ ban đầu như thế này:

function updateMe(data) { 
    alert(data); 
} 

sau đó trong cửa sổ popup bạn có thể gọi nó như thế này:

opener.updateMe('Hello!'); 

Đương nhiên, bạn cần phải chắc chắn rằng updateMe() là một hàm toàn cầu trong trang gốc. Hoặc nếu bạn có một số đối tượng trong trang gốc và updateMe() là một phương pháp của đối tượng đó, bạn vẫn có thể làm điều đó, miễn là đối tượng là toàn cầu. ví dụ. trong trang chủ:

var myObject = { 
    updateMe: function(data) { 
     alert(data); 
    } 
}; 

sau đó trong cửa sổ bật lên bạn có thể làm:

opener.myObject.updateMe('Hello!'); 

Về cơ bản, miễn là bạn có thể nhận được đến đối tượng hoặc chức năng trong trang gốc với window.whatever, sau đó trong bật lên, bạn chỉ cần thay đổi điều đó thành opener.whatever.