How change this iframe content?

Question

sample main page for example index.html content :

<iframe src="a.html" width="400" height="300" frameborder="1" id="frame"></iframe>

a.html content :

<html><body><form >
<div id="container"><div id="main"><div class="red_bl"><div class="red_br">
<div class="red_tl"><div class="red_tr"><div id="content">

<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tbody id="subContent1">
<tr>another tags</tr>

<tr>
<td colspan="2" class="cell2" valign="top">
sample text
</td>
<td id="td_address" class="cell3">sample code</td>
</tr>

</tbody>
</table>


</div></div></div></div></div></div></div>
</form></body></html>

i want change :

<td id="td_address" class="cell3">sample code</td>

to for example :

<td id="td_address" class="cell3">another text</td>

by jQuery In index.html .

Are the two pages (iframe and outer page) on the same domain? If not, this isn't possible due to the same origin policy — Basic, Nov 05 '13 at 23:58
what ?!!! i said by jquery and not worked this code(this is bad code) @dandavis — barnameha, Nov 05 '13 at 23:59
yes two pages are on same damain and url visible in the iframe tag but not worked this code because not changed sample code text — barnameha, Nov 06 '13 at 00:01
@dandavis quite often posters simplify their problem for SO. I was hoping to make sure the question hadn't been over-simplified (based on the fact that the answer below which should work apparently doesn't) — Basic, Nov 06 '13 at 00:01
the code i posted worked for me. i only tried chrome. i'm sure there are way to make it more complicated, but i don't believe the problem lies with either code you've been given... — dandavis, Nov 06 '13 at 00:04
my english language is not good whats your means of current fiddle ?!!! if u want i can upload 2 pages on my site to can see it — barnameha, Nov 06 '13 at 00:13
your code, my code, working together for all to see: http://danml.com/b.html — dandavis, Nov 06 '13 at 00:14
i am trying to open http://danml.com/b.html but i can not yet — barnameha, Nov 06 '13 at 00:25
here direct link on my site : http://demo.barnameha.net/upload/main.html — barnameha, Nov 06 '13 at 01:35

score 1 · Answer 1 · answered Nov 05 '13 at 23:53

1

With JQuery:

$('#frame').contents().find('td#td_address').html('another text');

answered Nov 05 '13 at 23:53

Don Rhummy

24,730
42
175
330

Works if pages are on same server. instead of opening file, put page on some web server (iis, apache etc.) and test. – TheVillageIdiot Nov 06 '13 at 00:07
i said to @dandavis , two pages are on same server and two pages is easy pages(html + jquery code only not php code or another service pages), and my problem not solved yet and not worked – barnameha Nov 06 '13 at 00:11
@barnameha please post your complete code (both HTML pages and all JavaScript). – Don Rhummy Nov 06 '13 at 01:02
i added alert u can see now – barnameha Nov 06 '13 at 01:57
deleted my comment as it was misleading. See my answer for explanation. – Michał Rybak Nov 06 '13 at 02:13

score 1 · Accepted Answer · edited May 23 '17 at 11:57

1

This is because your document.ready doesn't wait for the iframe to load.

Therefore, the code that you run is executed before #td_address is added to DOM.

For various solutions to this problem (depending on what are you able to change), look at answers to this question.

edited May 23 '17 at 11:57

Community

1
1

answered Nov 06 '13 at 02:12

Michał Rybak

8,648
3
42
54

How change this iframe content?

2 Answers2