Detect click event inside iframe

html, iframe, javascript, jquery, tinymce

Solution

I solved it by doing like this:

$('#filecontainer').load(function(){

        var iframe = $('#filecontainer').contents();

        iframe.find("#choose_pics").click(function(){
               alert("test");
        });
});

Problem

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?

Original source