Comments on: How to access iframe in jQuery

By: RayMan

RayMan — Mon, 12 Jul 2010 09:43:58 +0000

not working in external sever.

By: TigerLily

TigerLily — Mon, 28 Jun 2010 21:37:20 +0000

Thanks for posting this. It was of great help to me.

By: Rady RIn

Rady RIn — Thu, 03 Jun 2010 06:36:42 +0000

I follow all of you not works!

How can I do?
Can anyone help me please?

By: Vio

Vio — Mon, 08 Mar 2010 12:55:23 +0000

This is all fine, but what happens if you want to get content that is sitting between two comment tags?

Example:

By: psy

psy — Tue, 09 Feb 2010 07:52:01 +0000

This work for me.
$(’#iframe-name’).contents().find(’#frame-do-you-want-get’)

Example:
$(’#TB_iframeContent’).contents().find(’#wrapper’).css(’display’,'block’);

Thanks bro.

By: apps

apps — Tue, 19 Jan 2010 19:27:38 +0000

hello all
what to do if the domain is different ?

i want a jquery which will hide some of the div from the the website in the iframe from the different domain.

By: videolar

videolar — Tue, 19 Jan 2010 12:02:21 +0000

thanx a lot bro, i found this ..

By: Karl Stanton

Karl Stanton — Fri, 08 Jan 2010 17:09:48 +0000

I found this very helpful, thank you!!

By: vectorvend

vectorvend — Tue, 22 Dec 2009 12:02:10 +0000

@Taras, @cbsides Thank you very much got it working

By: Steve

Steve — Mon, 21 Dec 2009 09:35:45 +0000

This was a very big help.
i spent hours trying to maniuplate the iframe.
thanks a lot

By: cbsides

cbsides — Wed, 16 Dec 2009 21:36:50 +0000

If anyone is still having trouble with selecting iframe contents w/jQuery I’ve verified this as working (keep in mind the iframe must be in the same domain as the accessing page, as mentioned above):

var myFrame = $(’#myFrameId’);
myFrame.load(function() { // wait for iframe to load
myFrame.contents().find(’#myElementInFrame’).html(’hello world!’);
});

By: izdelava spletne strani

izdelava spletne strani — Fri, 04 Dec 2009 17:12:04 +0000

These iframes are getting on my nerves. I can’t get it right …

By: Shubhajeet Sinha

Shubhajeet Sinha — Fri, 23 Oct 2009 14:07:55 +0000

This is not working for me. Please help me for this. I am posting the jquery code here

the id of iframe is #depGridFrame

$(’#depGridFrame’).ready(function()
{
alert($(this).contents().find(’#updtGrid’).tagName);
});

i am calling it from document.ready function of parent document.

By: Ricardo

Ricardo — Fri, 16 Oct 2009 11:41:55 +0000

Thaks! thats help me and work for me.

By: steve

steve — Wed, 30 Sep 2009 12:37:36 +0000

I have done so much in Jquery and have learned most tricks of the trade but this is probably the best thing I have ever come across. I am so excited about the endless posibilitys that this will bring. Thanks sooooooooo much for sharing!

By: sophisticado

sophisticado — Tue, 01 Sep 2009 21:57:40 +0000

Good stuff here. My question is how can a script embedded in the document within the iframe close the entire jquery dialog which was called from the parent?

By: fer

fer — Fri, 24 Jul 2009 15:31:07 +0000

Thanks !

By: mos

mos — Fri, 03 Jul 2009 17:47:46 +0000

if in reverst,
div id=list /div

iframe src=abc.com

how can i output the value from the abc.com into “list”

thanks,

By: mos

mos — Fri, 03 Jul 2009 17:46:30 +0000

if in reverst,

how can i out the value from the abc.com into “list”

thanks,

By: Tom

Tom — Fri, 26 Jun 2009 19:49:27 +0000

Thanks a ton for posting this. I didn’t read the comments but I’m sure somewhere up there, someone is trying to prove that they’re smarter than you…just the nature of being a web developer I suppose. Just know that I’m sure this little piece of code probably saved someone their job at some point…me, just saved me from losing another day of work trying to figure this out, lol.

By: John

John — Wed, 17 Jun 2009 12:29:13 +0000

hi
I’m trying to add script tag to the Head of the Iframe but it doesn’t work

can you help me with that, this is my code

$(iframe).contents().find(’head’).html(”
+ ”);

the css file included correctly but the script tag no
any help

By: Paisal

Paisal — Tue, 16 Jun 2009 11:42:23 +0000

Thankyou so much, How about iframe 2 level deep (get value from iframe inside iframe).

Best regards,

By: Dals

Dals — Thu, 04 Jun 2009 07:58:12 +0000

2 Nate:
I think, for jQuery way we can get

var iframeRef = document.getElementById(’iframeID’);

by simple:

var iframeRef = $(’#iframeID’);

By: khris7

khris7 — Thu, 28 May 2009 18:07:16 +0000

Taras hey! Thank you very much!!
this tiny bit of information saved me hours of working. ^^

By: bitlimakina

bitlimakina — Wed, 20 May 2009 18:51:14 +0000

thx.

By: Nate

Nate — Thu, 14 May 2009 05:46:00 +0000

Hi, I’ve looked at the code suggested by Taras and Mike; thanks guys. But I found that neither of them work very well. Jquery converts HTML objects into object objects, which restricts the abilities of manipulating iframes. I found that a better approach to address an iframe is using the best of both worlds:

var iframeRef = document.getElementById(’iframeID’);
$(iframeRef).find(’html’).html(’your content here’);

By: Matt

Matt — Mon, 11 May 2009 17:52:39 +0000

sure… just:
[code]
frameId.someFunction(params);
[/code]

(assuming )
at least that works in firefox 3.0.10…

cheers, matt

By: _ts_

_ts_ — Tue, 07 Apr 2009 11:41:09 +0000

2 Taras
Thank you. I’ve already found the solution for my question.

But I’ve another one.

if iFrame has some function named as “someFunction” and how can I call this function from parent window?

Thank you!

By: Taras

Taras — Fri, 03 Apr 2009 14:39:18 +0000

_ts_,
what you mean?

roberto,
you’re welcome

By: roberto

roberto — Fri, 03 Apr 2009 14:32:53 +0000

thanks a lot. it works

By: _ts_

_ts_ — Fri, 03 Apr 2009 08:44:33 +0000

Hi fellas.
How can I pass param(s) to load handler?

By: Taras

Taras — Tue, 24 Mar 2009 12:18:33 +0000

Renatogarou, I think you can use this with TinyMCE, but I’m not familiar with it so unable to provide more help… Probably you can find information you’re looking for in TinyMCE API documentation.

By: Renatogarou

Renatogarou — Wed, 18 Mar 2009 12:02:58 +0000

Hello !
Can I use this method for acess the content of Tinymce ? How ?

Sorry my English .

By: Valtos

Valtos — Wed, 11 Mar 2009 22:19:35 +0000

A reverse Proxy should be the right thing for your Problem. @rog

By: lando

lando — Wed, 11 Feb 2009 15:04:05 +0000

you have no idea how invaluable this tidbit of knowledge has been for me

By: Peter

Peter — Tue, 13 Jan 2009 23:26:30 +0000

Mike, I’m quite a jQuery noob, but:

* shouldn’t it be $(’#frame1′).ready() instead of $(’#frame1′).load() ? “load” doesn’t seem to trigger anything (but no errors either).

* doesn’t $(this.contentDocument) refer to the current document instead of the iframes?

By: Taras

Taras — Thu, 27 Nov 2008 03:18:06 +0000

Нема за що ))

By: yAnTar

yAnTar — Mon, 24 Nov 2008 09:13:23 +0000

Good work, very thanks.

By: rog

rog — Thu, 18 Sep 2008 18:11:46 +0000

thanks for your reply. i couldn’t imagine that this would be possible - but it’s good to know exactly the mechanics of how it works … thanks.

By: Mike

Mike — Wed, 17 Sep 2008 23:39:17 +0000

Wow… didn’t know html came through when posting. Please excuse the double post.

This didn’t work for me. One thing you must keep in mind is that just because the parent page is loaded or ready, doesn’t mean the frame is done. Here’s what i got to work (the first example):

jQuery and Frames

`jQuery and Frames`



       

        Frame from the same domain as parent.


        

       

        Frame from a different domain as parent.

rog, good thinking… but browsers follow similar rules with iframes as they do with xml_http_requests: that is, it blocks cross-domain access.

For example, if I am running the above script from the page: http://www.liveintensely.com/parent.html, I can read and write to the frame which’ source is http://www.liveintensely.com/iframe.html. HOWEVER, if the frame’s source is on a different domain, like http://www.google.com, javascript is denied both read and write access to the frame.

By: Mike

Mike — Wed, 17 Sep 2008 23:28:05 +0000

This didn’t work for me. One thing you must keep in mind is that just because the parent page is loaded or ready, doesn’t mean the frame is done. Here’s what i got to work:

[code]


		jQuery and Frames
			jQuery( function() {

				$(’#frame1′).load( function(){

					$(this.contentDocument).find(’body’).html(’This frame was modified with jQuery! Yay!!!’)

				});

				$(’#frame2′).load( function(){

					$(this.contentDocument).find(’body’).html(’This frame was modified with jQuery! Yay!!!’)

				});

			});
		jQuery and Frames
		Frame from the same domain as parent.
		Frame from a different domain as parent.

[code]

rog, good thinking… but browsers follow similar rules with iframes as they do with xml_http_requests: that is, it blocks cross-domain access.

For example, if I am running the above script from the page: http://www.liveintensely.com/parent.html, I can read and write to the frame which’ source is http://www.liveintensely.com/frame1.html. HOWEVER, if the frame’s source is on a different domain, like http://www.google.com, javascript is denied both read and write access to the frame.

By: rog

rog — Wed, 17 Sep 2008 22:29:29 +0000

i must be wrong somehow … but, this is what I thought when i read your tip :: i deliver a web page, with an iframe in it with src of mail.google.com. i hide the iframe somewhere/how, and using the jquery code, read the content and post the interesting stuff back to my original server … (?)

By: Taras

Taras — Wed, 17 Sep 2008 18:36:34 +0000

Rog, what you mean?

By: rog

rog — Wed, 17 Sep 2008 17:23:55 +0000

… with this kind of thing, is’nt it possible to steal other peoples email, etc … (?)

By: Taras

Taras — Thu, 14 Aug 2008 10:04:16 +0000

You’re welcome, jGeek!

By: jGeek

jGeek — Fri, 11 Jul 2008 00:18:54 +0000

Thanks, this was a big help. Works for me!