php - モーダルiframe jsが閉じられると、親ウィンドウに通知を表示します

Question

ファンシーボックスを使用して作成したモーダルiframeウィンドウにフォームがあります。ユーザーがフォームを送信したら、成功したらモーダルウィンドウを閉じ、親ウィンドウの div を「正常に保存されました」というメッセージで更新します。

どうすればいいですか？ファンシーボックスでモーダルを閉じて親ウィンドウを更新する方法を知っています。しかし、私が理解していないのは、「正常に保存されました」というメッセージを親ウィンドウに送信し、このメッセージで div を更新してユーザーが見ることができるようにする方法です。

役立つ場合は、通知プラグインを使用することにオープンです。

ありがとう、シャキーラ

score 2 · Accepted Answer

まず、親ウィンドウに変更を加えることができる関数を作成する必要があります。この関数を $(document).ready(function(){ または $(function){ に含めないでください。

function updateParent(msg){  
  $('#divStatusUpdate').html(msg);  
}

これで、「msg」のパラメーターを関数に渡す関数ができました。この関数は、'msg' の内容を、divStatusUpdate の ID を持つ親の div に適用します。

これで、イベントを実行する要素ができました。

$("#element").on('click', function(){
  window.parent.updateParent('This is a message from the iFrame to the Parent Div.');
});

ID が「divStatusUpdate」の div を作成し、上記のスクリプトを追加し、#element を使用する ID またはクラスに変更するだけです。

score 0 · Accepted Answer

トップフレームをiframeから変更することに問題がある場合は、トップに関数を作成してiframeから呼び出すことができます

top.yourfunction();

また

parent.yourfunction();

2 に答える 2