javascript - tinybox でページを読み込んだ後に JavaScript 関数を呼び出す方法

Question

ページが小さなボックスに完全にロードされたときに、JavaScript関数を呼び出したいです。

これを行う方法を助けてください??

Answer 1

TinyBox で URL を開くと、iframe を使用してそのページがポップアップ ボックスに読み込まれます。オプションを関数に渡すopenjsと、ポップアップが開いたときに関数がコールバックとして起動されます。ただし、iframe 内のページが完全に読み込まれた後に、これが必ずしも発生するとは限らないことに気付きました。

iframe にロードしているページが同じドメインにある場合、iframe ページから親ウィンドウにイベントを発生させることができる場合があります。jQuery を使用している場合は、次のようになります。

$(function() { 
  if (window.parent && window.parent.iframe_loaded) {
    window.parent.iframe_loaded();
  }
});

TinyBox ポップアップをホストするページiframe_loadedで、グローバル スコープで関数を定義するだけです。

window.iframe_loaded = function() {
  alert('TinyBox popup page loaded');
};

開いているページが同じドメインにない場合、解決策がわかりません。

Answer 2

TINY.box.show 内で openjs パラメータを使用できます

 TINY.box.show({

..

openjs: 関数 () { 好きなように },

..

}))

Answer 3

そのようにopenjsを使用する必要があります：

TINY.box.show({
url:'<?php echo FL_ADD_UPDATE_EMPLOYMENT_STATUS;?>',
width:480,
height:350,
opacity:TINY_OPACITY,
openjs:function(){scroll()} // like this.
});

function scroll() {
    alert("Hello");
}