Çocuk penceresinden ana pencerenin JavaScriptini çağırın

Question

Takvimde var ve bir <td>'u tıklattığımda, seçtiğiniz tarih için düzleminizi oluşturabilmeniz için bir açılır pencere belirir. Bir özellik eklemek istiyorum.

Kullanıcı olayı oluşturmayı bitirdiğinde, ana sayfaya bir JavaScript isteği göndermek istiyorum, böylece AJAX kullanarak takvimi yenileyebilirim. Temel olarak, çocuktan bir işlev çağırmak istiyorum, ancak işlev ana sayfada.

Google'da, yalnızca üst pencereyi yenileyebilen bir komut dosyası buldum. Even Mümkün mü?

P.S. Cevap saf JS veya jQuery olabilir, önemli değil. Bu arada bakmaya devam edeceğim.

Answer 1

Aradığınız şey, açılır pencereyi açan window referansıdır. Bunu yaptıktan sonra, o pencerede işlevleri çağırabilir, o pencerede değişkenleri okuyabilir ve yazabilir, hatta DOM’unu bile değiştirebilirsiniz. Bu başvuru opener olarak adlandırılır. Geçerli pencereyi açan pencere için window nesnesini verir. Böyle orijinal pencerede bir işlev varsa, örneğin,:

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

sonra açılan pencerede böyle diyebiliriz:

opener.updateMe('Hello!'); 

Doğal olarak, emin olmak gerekir updateMe() orijinal sayfada global bir işlevdir. Veya orijinal sayfada bir nesneniz varsa ve updateMe() bu nesnenin bir metoduysa, nesne global olduğu sürece bunu yapabilirsiniz. Örneğin. konak sayfasında:

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

sonra açılan pencerede bunu yapabilirsiniz:

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

Temelde, sürece ardından, window.whatever ile orijinal sayfadan nesneye veya işleve alabilir gibi açılırsa bunu opener.whatever olarak değiştirebilirsiniz.