Question

170

How to use jquery from parent inside an iframe?

rated 0 times [ 176] [ 6] / answers: 1 / hits: 19339 / 12 Years ago, fri, june 8, 2012, 12:00:00

I have a file, let us call it parent-win.html, served by domain example.com. This file has jquery included in it. An iframe, lets call it iframe-win.html, is embedded in this page. iframe-win.html has a form element with id form-elem and value Hello World!. Now I do following inside iframe.

var jQuery = parent.jQuery;

console.log(jQuery('#form-elem').val());

According to my limited knowledge of JS I should see Hello World! on console but instead I see undefined. Now, my question is do I need to load jquery again in an iframe or can I utilise jquery object already loaded in parent window?

Do note that this is not as usual access iframe/parent content from parent/iframe.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

marcelofrankiea

Add To Favorites

Follow

Total Points: 200

Total Questions: 96

Total Answers: 101

Location: Tonga

Member since Tue, Nov 30, 2021

3 Years ago

answered 12 Years ago elishaannac · Accepted Answer

try this in the iframe:

if (typeof(jQuery) == undefined) {

    var iframeBody = document.getElementsByTagName(body)[0];

    var jQuery = function (selector) { return parent.jQuery(selector, iframeBody); };

    var $ = jQuery;

}