ইফ্রামে সামগ্রীটি লোড হওয়ার পরে সনাক্ত করা হচ্ছে (ক্রস ব্রাউজার)

Question 1

আমি যখন কোনও আইফ্রেমে এবং এর সামগ্রীতে লোড হয়েছে তবে ভাগ্য বেশি নয় তা সনাক্ত করার চেষ্টা করছি। আমার অ্যাপ্লিকেশনটি প্যারেন্ট উইন্ডোতে পাঠ্য ক্ষেত্রে কিছু ইনপুট নেয় এবং একটি 'লাইভ পূর্বরূপ' সরবরাহ করতে iframe আপডেট করে

আইফ্রেমে লোড ইভেন্টটি কখন ঘটে তা সনাক্ত করতে আমি নিম্নলিখিত কোড (YUI) দিয়ে শুরু করেছি।

$E.on('preview-pane', 'load', function(){
    previewBody = $('preview-pane').contentWindow.document.getElementsByTagName('body')[0];
}

'প্রিভিউ-পেন' হ'ল আমার আইফ্রেমের আইডি এবং আমি ইভেন্ট হ্যান্ডলারটি সংযুক্ত করতে YUI ব্যবহার করছি। তবে, আমার কলব্যাকের শরীরে অ্যাক্সেস করার চেষ্টা করা (আইফ্রেমে লোডের উপরে) ব্যর্থ হয়েছে, আমি মনে করি কারণ ইভেন্ট হ্যান্ডলারটি প্রস্তুত হওয়ার আগেই iframe লোড হয়। এই কোডটি কাজ করে যদি আমি পিএইচপি স্ক্রিপ্টটি ঘুমের উত্পন্ন করে iframe লোডিংয়ে বিলম্ব করি।

মূলত, আমি যদি জিজ্ঞাসা করছি যে ব্রাউজারগুলি জুড়ে সঠিক পদ্ধতিটি কী তা সনাক্ত করতে যখন আইফ্রেমটি লোড হয়ে গেছে এবং এর নথিটি প্রস্তুত রয়েছে?

Question 2

যখন iframe লোড হয়েছে এবং এর নথি প্রস্তুত আছে তা সনাক্ত করতে?

আপনি যদি ফ্রেমের অভ্যন্তরে কোনও স্ক্রিপ্ট থেকে নিজেকে জানানোর জন্য iframe পেতে পারেন তবে এটি আদর্শ। উদাহরণস্বরূপ এটি প্রস্তুত হওয়ার জন্য এটি সরাসরি কোনও পিতামাতার ফাংশনকে কল করতে পারে। ক্রস-ফ্রেম কোড সম্পাদন সহ সর্বদা যত্নের প্রয়োজন হয় কারণ জিনিসগুলি আপনি যে ক্রমটি আশা করেন না সেভাবে ঘটতে পারে। আরেকটি বিকল্প হ'ল 'var isডি = সত্য;' এর নিজস্ব সুযোগে এবং 'কন্টেন্টউইন্ডো.আইস্রিডিয়' এর জন্য পিতামাতার স্ক্রিপ্টটি শুকনো করুন (এবং না থাকলে ওভারলোড হ্যান্ডলার যুক্ত করুন)।

যদি কোনও কারণে যদি ইফ্রেমে ডকুমেন্টটি সহযোগিতা করা ব্যবহারিক না হয় তবে আপনি প্রচলিত লোড-রেসের সমস্যাটি পেয়েছেন, যেমন উপাদানগুলি একে অপরের পাশে থাকলেও:

<img id="x" ... />
<script type="text/javascript">
    document.getElementById('x').onload= function() {
        ...
    };
</script>

স্ক্রিপ্ট কার্যকর হওয়ার সময়ের মধ্যে আইটেমটি ইতিমধ্যে লোড হবে না এমন কোনও গ্যারান্টি নেই।

লোড-দৌড়ের উপায়গুলি হ'ল:

আইই তে, আপনি 'রেডিস্টেট' সম্পত্তি ব্যবহার করতে পারেন কোনও কিছু ইতিমধ্যে লোড হয়েছে কিনা তা দেখতে;
যদি কেবল জাভাস্ক্রিপ্ট সক্ষম থাকা আইটেমটি উপলব্ধ থাকে তবে তা গ্রহণযোগ্য হয়, আপনি উত্স নির্ধারণের আগে এবং পৃষ্ঠায় সংযোজন করার আগে 'ওললোড' ইভেন্টের ক্রিয়াকলাপটি সেট করে গতিশীলভাবে এটি তৈরি করতে পারেন। এক্ষেত্রে কলব্যাক সেট হওয়ার আগে এটি লোড করা যায় না;
মার্কআপে এটি অন্তর্ভুক্ত করার পুরাতন স্কুল পদ্ধতি:

<img onload="callback(this)" ... />

এইচটিএমএল-এ ইনলাইন 'অনসামিং' হ্যান্ডলারগুলি প্রায়শই সবসময় ভুল জিনিস এবং এড়ানো যায়, তবে এই ক্ষেত্রে কখনও কখনও এটি সর্বনিম্ন খারাপ বিকল্প।

Question 3

দেখুন এই ব্লগ পোস্টে। এটি jQuery ব্যবহার করে তবে এটি ব্যবহার না করা সত্ত্বেও এটি আপনাকে সহায়তা করবে।

মূলত আপনি এটি আপনার যুক্ত করুন document.ready()

$('iframe').load(function() {
    RunAfterIFrameLoaded();
});

Question 4

যাঁরা প্রতিক্রিয়া ব্যবহার করছেন, তাদের ক্ষেত্রে একই-উত্সযুক্ত iframe লোড ইভেন্টটি সনাক্ত onLoadকরা আইফ্রেমে উপাদানটিতে ইভেন্ট শ্রোতাদের সেট করার মতোই সহজ ।

<iframe src={'path-to-iframe-source'} onLoad={this.loadListener} frameBorder={0} />

Question 5

আম্বর ব্যবহারকারী যে কোনও ব্যক্তির ক্ষেত্রে, এটি প্রত্যাশা অনুযায়ী কাজ করা উচিত:

<iframe onLoad={{action 'actionName'}}  frameborder='0' src={{iframeSrc}} />