Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

access and change parent page from iframe (with jquery)

Tags:

is there any way how to access from iframe to parrent page (and change parrent page)?

<body>    <iframe src="frame1.html" name="frame1" height="100%"></iframe>    <div id="test1"></div> </body> 

In frame1.html is <a href=..> and I want to add text "<h1>clicked</h1>" into <div id="test1"></div>, when the <a href..> was clicked.

Thanks.

like image 802
Dan Avatar asked May 25 '12 04:05

Dan


1 Answers

If your child page (frame1.html) is located at the same domain as the parent page, You can write a code like below in the child window :

 $('#test1', parent.document).html('<h1>clicked</h1>'); 

The second parameter provides the context in which to search the element matched by the first parameter. The Document is here:http://api.jquery.com/jQuery/#jQuery-selector-context

 jQuery( selector [, context ] ) 

So, your code (frame1.html) could go like this:

 <a href="..."    onclick="$('#test1', parent.document).html('<h1>clicked</h1>');">click me</a> 

Hope this helps.

like image 115
naota Avatar answered Oct 04 '22 20:10

naota