[jQuery] Changing elements inside a dynamic iframe

[Adriano Nagel]

Hi,

I'm loading a dynamic iframe (Google Moderator) and trying to change
elements of DOM which are built by scripts inside this iframe, to no
avail (the callback is called too soon, before the iframe is ready).

Here's an example:

$(document).ready(function() {
  callIframe('http://moderator.appspot.com/#16/e=c9', translate);
});

function callIframe(url, callback) {
  $("div#wrapper").html('<iframe id="moderator" frameborder="0"
width="830" scrolling="no" height="635"></iframe>');
  $('iframe#moderator').attr('src', url);

  $('iframe#moderator').load(function() {
    callback(this);
  });
}

function translate() {
  $('span.LabelHeader').text('Talk to them');
}

Does anyone know how I could solve this problem?

Many thanks!

--
Adriano