बच्चे विंडो से पैरेंट विंडो की जावास्क्रिप्ट को कॉल करें

Question

मेरे पास कैलेंडर है और जब मैं <td> पर क्लिक करता हूं, तो पॉप-अप विंडो दिखाई देती है ताकि आप अपनी चुनी तिथि के लिए अपना शाम बना सकें। मैं एक सुविधा जोड़ना चाहता हूँ।

जब उपयोगकर्ता ईवेंट बनाने को समाप्त करता है, तो मैं मूल पृष्ठ पर एक जावास्क्रिप्ट अनुरोध भेजना चाहता हूं ताकि मैं AJAX का उपयोग कर कैलेंडर रीफ्रेश कर सकूं। असल में, मैं बच्चे से एक फ़ंक्शन कॉल करना चाहता हूं, लेकिन फ़ंक्शन पैरेंट पेज पर है।

Google पर, मुझे केवल एक स्क्रिप्ट मिली जो मूल विंडो को रीफ्रेश कर सकती है - "पेरेंट कॉलबैक" के बारे में कुछ भी नहीं। ☹ क्या यह भी संभव है?

पीएस जवाब शुद्ध जेएस या jQuery हो सकता है, इससे कोई फर्क नहीं पड़ता। मैं इस बीच में देखता रहूंगा।

Answer 1

जो आप खोज रहे हैं वह window का एक संदर्भ है जो पॉपअप विंडो खोला गया है। एक बार आपके पास हो जाने के बाद, आप उस विंडो में फ़ंक्शंस को कॉल कर सकते हैं, उस विंडो में वेरिएबल्स पढ़ और लिख सकते हैं, या यहां तक ​​कि अपने डोम में हेरफेर भी कर सकते हैं।

उस संदर्भ को opener कहा जाता है। यह आपको वर्तमान विंडो खोलने वाली विंडो के लिए window ऑब्जेक्ट देता है। उदाहरण के लिए, अगर आप इस तरह मूल विंडो में एक समारोह है:

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

तो पॉप अप विंडो में आप इसे इस तरह कह सकते हैं:

opener.updateMe('Hello!'); 

स्वाभाविक रूप से, आप यह सुनिश्चित करें कि बनाने की जरूरत है updateMe() मूल पृष्ठ में एक वैश्विक कार्य है। या यदि आपके पास मूल पृष्ठ में कुछ ऑब्जेक्ट है और updateMe() उस ऑब्जेक्ट का एक तरीका है, तो आप तब भी ऐसा कर सकते हैं जब तक ऑब्जेक्ट वैश्विक हो। जैसे मेजबान पेज में:

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

तो पॉप-अप में तुम कर सकते हो:

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

असल में, जब तक कि आप में window.whatever साथ वस्तु या मूल पृष्ठ में कार्य करने के लिए मिल सकता है, तो पॉपअप आप बस इसे opener.whatever में बदल सकते हैं।