how to run jquery function in iframe

Question

i have onchage function on input <select> my code is working on parent page before, but how i can run my onchange function like this to effect the iframe

themeSelect.on('change', function(e) 
            {
                e.preventDefault();
                updateTheme(themeSelect.val());
});

i have tried this code

var $f = $("#myIFrame");
$f[0].contentWindow.updateTheme(themeSelect.val());

but it still does not work :(

i new on jquery, hope some one can help me please

Is the iframe src on the same domain as the parent page? If it is not, then you can't do this as long as you don't have acess to edit the source code of that iframe content. — XCS
– XCS, Commented Apr 15, 2016 at 9:22
if you have both the iframe and the parent page under same domain you can have control over the iframe DOM else not.. — Rajshekar Reddy
– Rajshekar Reddy, Commented Apr 15, 2016 at 9:23

Bharat · Accepted Answer · 2016-04-15 09:35:27Z

1

you can do this like these way,

code is for asp.net but will help you to get parent data.

There are multiple ways to do these.

I) Get main parent directly.

top.location.replace(link);

here top.location gets parent directly.

II) get parent one by one,

var element = $('.iframe:visible', window.parent.document);

here if you have more then one iframe, then specify active or visible one.

you also can do like these for getting further parents,

var masterParent = element.parent().parent().parent()

III) get parent by Identifier.

var myWindow = window.top.$("#Identifier")

answered Apr 15, 2016 at 9:35

Bharat

6,1054 gold badges44 silver badges66 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Denis Over a year ago

where i should put the script ? my iframe src on parent folder like this : <iframe id="getIframe" src="localhost/design/bootstrap-3.3.6" style="width: 100%; height: 100%;" scrolling="yes" marginwidth="0" marginheight="0" frameborder="0" vspace="0" hspace="0"> Sorry, your browser don't support Iframe </iframe>

Denis Over a year ago

i use iframe because my jquery and style are conflict

Bharat Over a year ago

ok, denis do one thing, put all your code to jsFiddle, and give me it's link, so that i can debugg and give you proper answer..

Collectives™ on Stack Overflow

how to run jquery function in iframe

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related