iFrame jQuery

Question

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

function selectElement(token) { 
    $('[tokenid=' + token + ']').addClass('border'); 
} 

हालांकि इस समारोह के साथ मैं केवल, iFrame में नहीं वर्तमान पृष्ठ में तत्वों का चयन कर सकते हैं। क्या कोई मुझे बता सकता है कि मैं लोड किए गए आईफ्रेम में तत्वों का चयन कैसे कर सकता हूं?

धन्यवाद।

Answer 1

var iframe = $('iframe'); // or some other selector to get the iframe 
$('[tokenid=' + token + ']', iframe.contents()).addClass('border'); 

भी ध्यान रखें कि अगर यह iframe की src सुरक्षा कारणों से, एक अलग डोमेन की ओर इशारा करते है, तो आप जावास्क्रिप्ट में इस iframe की सामग्री का उपयोग करने में सक्षम नहीं होगा।

Answer 2

इस पोस्ट पर एक नज़र डालें: http://praveenbattula.blogspot.com/2009/09/access-iframe-content-using-jquery.html

$("#iframeID").contents().find("[tokenid=" + token + "]").html(); 

खोज विधि में रखें अपने चयनकर्ता।

यह संभव नहीं हो सकता है, हालांकि अगर आपके सर्वर से आईफ़्रेम नहीं आ रहा है। अनुमति के बारे में अन्य पदों में त्रुटियों से इंकार कर दिया गया है।

jQuery/JavaScript: accessing contents of an iframe

Answer 3

जब अपने दस्तावेज़ तैयार मतलब यह नहीं है कि है कि आपके आइफ्रेम भी तैयार
ताकि आप iframe लोड घटना को सुनने चाहिए तो अपने सामग्री का उपयोग है:

$(function() { 
    $("#my-iframe").bind("load",function(){ 
     $(this).contents().find("[tokenid=" + token + "]").html(); 
    }); 
}); 

Answer 4

यहाँ

डीवी ड्रैगगेबल को केवल कंटेनर में बनाने के लिए ऐसा करने के लिए सरल है:

$("#containerdiv div").draggable({containment: "#containerdiv ", scroll: false});