2012-04-23 86 views
5

私はiframeを持つページを持っていて、このiframeの中に親ウィンドウのモーダルウィンドウを開くリンクがいくつかあります。物事は、私は親ウィンドウにコードを入れるためのアクセス権を持っていません。私はこのiframeにアクセスできます。このような制限があるjqueryでこれを行う方法はありますか?iframeから親にモーダルウィンドウを開く

ありがとうございました!

答えて

6

あなたはjQueryプラグインSimpleModal

あなたのモーダルを置く行う場所あなたが言うことができる「appendTo」と呼ばれるオプションは、ありますを使用することができます。このアプローチの唯一の問題は、モーダルのオーバーレイがiframeのサイズで表示されることです。そのため、開いた後に希望の幅と高さを指定する必要があります。

$('#div-modal').modal({ 
    appendTo: $(window.parent.document).find('body'), 
    overlayCss: {backgroundColor:"#333"}, // Optional overlay style 
    overlayClose:true, 
}); 
// Set overlay's width 
$(window.parent.document).find('#simplemodal-overlay').css('width', '100%'); 

あなたがモーダルとして開きたいのdivがあなたの親ウィンドウにある場合は、そのはうまく機能し、$(window.parent.document).find('#div-modal')

+0

グレート溶液で$('#div-modal')を置き換えることができます!これがクロスブラウザに準拠しているかどうか知っていますか? –

+0

正直に分かりません。私はChromeとOperaでテストしました。おそらくプラグインのページで確認してください。 – Renato

+0

はクロスドメインでは動作しません – fadomire

関連する問題