Greifen Sie mit jquery vom dynamischen Iframe auf das übergeordnete Dokument zu

Question

Oct 18, 2012, 06:27 AM

Greifen Sie mit jquery vom dynamischen Iframe auf das übergeordnete Dokument zu

Diese Frage ist Fortsetzung vondiese Frage. Ich benutze den folgenden Code, um die Dynamik anzufügen<iframe> zum Dokument.

var _hf_iFrame = document.createElement("iframe");
_hf_iFrame.setAttribute("id", "_hf_iFrame");
_hf_iFrame.setAttribute("name", "_hf_iFrame");
_hf_iFrame.setAttribute("allow-transparency", true);
_hf_iFrame.setAttribute("style", "height: 354px; width: 445px; border: 0; top: 23%; position: fixed; left:0; overflow: show; background:transparent;");
document.body.appendChild(_hf_iFrame);
_hf_iFrame.setAttribute("src", "javascript:false");

var myContent = '<!DOCTYPE html>'
+ '<html><head><title>Helpflip</title><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script><script type="text/javascript" src="http://somedomain.com/js/core.js"></script></head>'
+ '<body style="margin: 0px;"></body></html>';

_hf_iFrame.contentWindow.document.open('text/html', 'replace');
_hf_iFrame.contentWindow.document.write(myContent);
_hf_iFrame.contentWindow.document.close();

Wenn der<iframe> geladen hat, versuche ich es mit dem folgenden Code zu animieren

$('#_hf_iFrame', top.document).animate({
      'margin-left': '-400px'
   }, 300).animate({
      'margin-left': '-380px'
   }, 150).animate({
      'margin-left': '-393px'
}, 100);

Dies funktioniert problemlos in Firefox, Chrome und in Safari. IE 9 wirftAccess Denied online$('#_hf_iFrame', top.document)

Trifft das domänenübergreifende Problem immer noch zu?

Danke im Voraus.