2010-09-14 12 views
8

iframe में <p> तत्वों के लिए क्लिक करें घटना जोड़ने के लिए कैसे (jQuery का उपयोग कर)कैसे iframe में पी तत्वों के लिए क्लिक करें घटना जोड़ने के लिए (jQuery का उपयोग)

<iframe frameborder="0" id="oframe" src="iframe.html" width="100%" name="oframe"> 
+1

संभावित डुप्लिकेट [jQuery के साथ iFrame तत्व पर एक ईवेंट परिभाषित करें] (http://stackoverflow.com/questions/2218404/define-an-event-on-iframe-element-with-jquery) –

+0

क्या आप कोशिश कर रहे हैं iframe के भीतर सामग्री में कोई कोड जोड़ने के बिना ऐसा करें? – Munzilla

उत्तर

7

एक विशेष jQuery समारोह है कि करता है कि है: .contents()। यह कैसे काम करता है इसके लिए उदाहरण देखें।

+1

धन्यवाद, $ ('# iframe')। सामग्री()। ढूंढें ('पी')। क्लिक करें() – faressoft

1

आपका सबसे अच्छा सबसे अधिक उपयुक्त रहेगी रूप आइफ्रेम आह्वान करने के लिए लंबे समय तक यह आपके डोमेन का हिस्सा है।

iframe.html

<html> 
    <head> 
     <script> 
      window.MyMethod = function() 
      { 
       $('p').click(); 
      } 
     </script> 
    </head> 
    <body></body> 
</html> 

और फिर

document.getElementById('targetFrame').contentWindow.MyMethod(); 

का उपयोग करें कि समारोह आह्वान करने के लिए।

window.frames के माध्यम से iframe तक पहुंचने का एक और तरीका है।

<iframe name="myIframe" src="iframe.html"/> 

और जावास्क्रिप्ट

child_frame = window.frames['myIframe'].document; 
$('p',child_frame).click(function(){ 
    alert('This click as bound via the parent frame') 
}); 

यह ठीक काम करना चाहिए।

+1

नीचे वोट क्यों? – RobertPitt

0

jQuery के लिए दूसरा पैरामीटर, जो संदर्भ के रूप में IFrame दस्तावेज़ के लिए एक संदर्भ देकर:

jQuery("p", document.frames["oframe"].document).click(...); 
0

iframe के भीतर से किसी भी तत्व को एक्सेस करने के लिए सरल JavaScript दृष्टिकोण निम्नानुसार है:

var iframe = document.getElementById("iframe"); 
var iframeDoc = iframe.contentDocument || iframe.contentWindow; 
// Get HTML element 
var iframeHtml = iframeDoc.getElementsByTagName("html")[0]; 

अब आप इस HTML तत्व

iframeHtml.getElementById("someElement"); 

अब का उपयोग कर किसी भी तत्व का चयन कर सकते हैं, तो आप बाध्य कर सकते हैं कोई भी घटना जो आप इस तत्व को चाहते हैं। उम्मीद है की यह मदद करेगा। गलत अंग्रेजी के लिए खेद है।

संबंधित मुद्दे