Change div text in parent of iframe?

Question

I am trying to change the text in the following div within the parent iframe.

(I am running the code from within the iframe)

<div class="hello1">I want to change this</div>

How could i accomplish this?

Ive tried:

$("body #hello1", top.document).text("HELLO");

But i get this error:

Unsafe JavaScript attempt to access frame

Any ideas?

if you know the number of the frame you want to address, you can use `parent.frames[#]` — AvL, Feb 04 '13 at 21:04

score 1 · Answer 1 · answered Feb 04 '13 at 20:59

1

The div has a class of hello1 and the code you wrote is trying to access the id hello1. Change to this -

$(".hello1", top.document).text("HELLO");

answered Feb 04 '13 at 20:59

Jay Blanchard

34,243
16
77
119

Still same error about Unsafe JavaScript attempt to access frame – Laine Feb 04 '13 at 21:00
I made an edit - please try that. Is the parent and the iframe on the same domain? – Jay Blanchard Feb 04 '13 at 21:01
Still same :/ Unsafe JavaScript attempt to access frame ... Domains, protocols and ports must match. – Laine Feb 04 '13 at 21:02
Forgot to mention this is a widget :) – Laine Feb 04 '13 at 21:03
Are they on the same domain? – Jay Blanchard Feb 04 '13 at 21:03
1

Then you'll get same origin policy errors, which this appears to be. It's covered well here - http://stackoverflow.com/questions/4324108/unsafe-javascript-attempt-to-access-frame-with-url – Jay Blanchard Feb 04 '13 at 21:05

score 0 · Answer 2 · answered Apr 22 '14 at 03:58

I have also used the following solution when you need to change the parent frame border text when a click event is fired within an iframe and the user has tested the submit button:

<script>
$("button").click(function(){
    if ($('.email').val() !== 'Enter Your Best Email'){
        $('.x_out', top.document).text('<< Back to the main page');
        }
});
</script>

Upon testing the submit button once, the user is prompted with a tooltip reminder of "!Please fill out this field." via the HTML5 onclick="validate();"

Upon testing the submit button the second time, the border enclosing the iframe has text within a closing link change to guide them back to the main page (i.e. the closing link closes the iframe and clicking the button within the iframe changes this text in the parent frame).

Change div text in parent of iframe?

2 Answers2