Detect click event inside iframe

Question

I'm writing a plugin for TinyMCE and have a problem with detecting click events inside an iframe.

From my search I've come up with this:

Loading iframe:

<iframe src='resource/file.php?mode=tinymce' id='filecontainer'></iframe> 

HTML inside iframe:

<input type=button id=choose_pics value='Choose'> 

jQuery:

//Detect click $("#filecontainer").contents().find("#choose_pic").click(function(){     //do something       });  

Other posts I've seen usually have a problem with different domains (this hasn't). But, still, the event isn't detected.

Can something like this be done?

Answer 1

I solved it by doing like this:

$('#filecontainer').load(function(){          var iframe = $('#filecontainer').contents();          iframe.find("#choose_pics").click(function(){                alert("test");         }); });