जावास्क्रिप्ट से फ्लैश विधियों का क्रॉस ब्राउजर कॉल

एक हफ्ते पहले, मेरी एक परियोजना में, मौजूदा स्लाइड शो को बदलने के लिए कार्य हुआ, जो कि जावास्क्रिप्ट में एक और अधिक सुंदर के साथ कार्यान्वित किया गया, फ्लैश में बनाया गया। कोड में न्यूनतम बदलाव के साथ, एक फ्लैश मूवी डालना और पेज पर डेटा ट्रांसफर और इवेंट प्रोसेसिंग की व्यवस्था करना आवश्यक था ताकि यह आगे सही ढंग से काम करता रहे।

जावास्क्रिप्ट-फ्लैश डेटा ट्रांसफर के विषय पर रूसी-भाषा के लेख प्रक्रिया का एक सामान्य विचार देते हैं, लेकिन एक महत्वपूर्ण विवरण को ध्यान में नहीं रखते हैं: विभिन्न ब्राउज़रों में, आपको फ्लैश मूवी का चयन करने के लिए विभिन्न वस्तुओं का उपयोग करना चाहिए। सबसे अक्सर प्रस्तावित समाधान क्रोम में काम करता है, लेकिन फ़ायरफ़ॉक्स में काम करने से इनकार करता है, और आईई में भी अधिक।

जावास्क्रिप्ट और फ्लैश के बीच डेटा ट्रांसफर के विषय पर अधिकांश लेखों की अपूर्णता के कारण, मैं इस मुद्दे पर अधिक विस्तार से विचार करना उचित समझता हूं।

यह कैसे काम करता है?

एक HTML पेज में, एक फ्लैश मूवी एक नियमित ऑब्जेक्ट है, जो एक विंडो, फॉर्म एलिमेंट्स या एक इमेज (हालांकि इंटरनेट एक्सप्लोरर (IE) में, फ्लैश ऑब्जेक्ट एक COM ऑब्जेक्ट या एक ActiveX ऑब्जेक्ट है) के समान है। ब्राउज़र के आधार पर, फ्लैश ऑब्जेक्ट को विभिन्न तरीकों से संदर्भित किया जाना चाहिए।

window.document[movieName] // (on Mozilla browsers such as Netscape)
window[movieName] // (on Internet Explorer as of ver 5)
document.embeds[movieName] // Mozilla Netscape, Firefox or Opera

यहां वह फ़ंक्शन है जो फ़्लैश फिल्म को लौटाता है।

function getFlashMovieObject(movieName)
{
if (window.document[movieName])
{
return window.document[movieName];
}
if (navigator.appName.indexOf("Microsoft Internet")==-1)
{
if (document.embeds && document.embeds[movieName])
return document.embeds[movieName];
}
else // if (navigator.appName.indexOf("Microsoft Internet")!=-1)
{
return document.getElementById(movieName);
}
}

अधिकांश आधुनिक ब्राउज़र getElementById (मूवीनाम) विधि के उपयोग का समर्थन करते हैं। लेकिन अगर यह इंटरनेट एक्सप्लोरर में काम करता है, तो अन्य ब्राउज़र, जैसे मोज़िला फ़ायरफ़ॉक्स या ओपेरा के लिए, यह दृष्टिकोण अपेक्षित प्रभाव नहीं देगा। कारण यह है कि इन ब्राउज़रों को <एम्बेड> तत्व का उपयोग करना चाहिए, जबकि getElementById () <ऑब्जेक्ट> तत्व वापस कर देगा।

एम्बेड और ऑब्जेक्ट तत्वों के लिए आवश्यकताएँ

एम्बेड और ऑब्जेक्ट दोनों एक ही काम करते हैं, लेकिन अधिकांश लोग उन्हें एक ही समय में उपयोग करते हैं, क्योंकि पूर्व को केवल मोज़िला (नेटस्केप, फ़ायरफ़ॉक्स), और बाद में केवल इंटरनेट एक्सप्लोरर द्वारा मान्यता प्राप्त है।

जावास्क्रिप्ट के साथ संवाद करने के लिए, ऑब्जेक्ट और एम्बेड टैग के लिए निम्नलिखित कुछ आवश्यकताएं हैं। सबसे पहले, यहाँ एक उदाहरण है कि कैसे एक फ्लैश फिल्म को एक html पृष्ठ में डाला जा सकता है।

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="" id="myFlashMovie" width=481 height=86>
<param name=movie value="flips2.swf">
<embed play=false swliveconnect="true" name="myFlashMovie"
src="flips2.swf" quality=high bgcolor=#FFFFFF
width=481 height=86 type="application/x-shockwave-flash">
</embed >
</object >

इस उदाहरण में, शीर्षक और मूवी आईडी "myFlashMovie" है। (यह नाम यादृच्छिक रूप से, आपके विवेक पर चुना जाता है। एक ही नाम और आईडी का उपयोग करना उचित है, लेकिन आपको यह भी सुनिश्चित करना चाहिए कि किसी अन्य वस्तु का समान आईडी या नाम नहीं है। इसके अलावा, केवल संख्या और अक्षरों का उपयोग करें, नाम शुरू नहीं होना चाहिए। संख्या के साथ)। तो ये आवश्यकताएं हैं।

<ऑब्जेक्ट> टैग के लिए:
- फ्लैश मूवी में आईडी होनी चाहिए। उदाहरण के लिए, हमारे मामले में आईडी = "myFlashMovie"।

<एम्बेड> टैग के लिए:
- फ्लैश मूवी में एक नाम, पैरामीटर नाम होना चाहिए। उदाहरण के लिए, ऊपर दिए गए उदाहरण में नाम = "myFlashMovie"।
- जावास्क्रिप्ट के साथ "कनेक्शन स्थापित करने" को सक्षम करने के लिए <एम्बेड> टैग में swliveconnect = "सही" विशेषता होनी चाहिए।

एक ही फ्लैश मूवी के अंदर एक ही आईडी और नाम मान का उपयोग करना उचित है।

युपीडी:
पिक्सक्यूब ने फ्लैश ऑब्जेक्ट प्राप्त करने के लिए इस तरह के फ़ंक्शन का सुझाव दिया:

function getFlash(name) {
return window.document[name] || window[name] || document.embeds[name];
}