（続）別ページのJavascript関数を呼び出すには

Question

いつもお世話になっております。

数日前、「別ページのJavascript関数を呼び出すには」ということで質問させて頂いた者です。
https://teratail.com/questions/303361

とりあえず、DIVタグをhidden属性にした状態で、対象ページがロードされていることで、対象をFunctionを呼び出すことが出来て一安心していました。
しかし、素人の浅はかさで、画面の一部が崩れてしまっているため、元画面の一部のボタン等が効かない状態になっていることが判明しました。hidden属性で消えないオブジェクトがあり、元画面と重なってしまっているようです。どのブラウザを使っても同じなので、別の方法を考え直すことにしました。

現在は下記の状態です。Functionは呼び出せていますが、画面が崩れてしまっています。

function Link_url_del(a, b) {
  var url = "javascript:imfrListView.deleteRecord('hat_BM_mngr', '" + a + "', '" + b + "')";
  location.href = url;
}
<div hidden id="box"></div>
<script>
$(function(){
  $("#box").load("forma/normal/view/list_view/hat_BM_mngr?");
});
</script>

同じように、ページを隠した状態にしておくという意味で、

function Link_url_del(a, b) {
  var url = "javascript:imfrListView.deleteRecord('hat_BM_mngr', '" + a + "', '" + b + "')";
  location.href = url;
}
<object type="text/html" data="forma/normal/view/list_view/***?">
</object>

としてみると、画面は崩れなくなりましたが、fucntionの呼び出しが反応しなくなりました。

次に、iframeの中にあるfunctionを参照してみることにしました。

function Link_url_del(a, b) {
  var frm = document.getElementById('id_frm');
  frm.contentWindow.deleteRecord('hat_BM_mngr', a, b);
}

<iframe src=”forma/normal/view/list_view/***?” style=" visibility:visible;" id="id_frm"></iframe>

これはうまくいくかなと思って期待したのですが、iframeだと関数しかスコープが効かないのかよく判りませんが、反応しませんでした。

画面が崩れるのは、使用しているフレームワークが原因であることは間違いないと思われますので、何とも対応し難いのですが、別ページをグローバルスコープにする方法が他にあれば、教えて頂けると助かります。

よろしくお願いします。

Comments

[plasticgrammer]

回答ではないので、こちらに記載します。
hidden属性ではなく、CSSの display:none でも同じ挙動となりますでしょうか？
結果がわかりましたら、追記ください。

[hatsuzo]

plasticgrammer　さん
コメントありがとうございました。

<div id="box" style=”display:none”></div>
<script>
$(function(){
$("#box").load("forma/normal/view/list_view/hat_BM_mngr?");
});
としてみましたが、結果は同じでした。ChromeとFireFoxで試しましたがどちらもダメでした。

[hatsuzo]

visibility:hidden;
visibility:collapse;
opacity: 0;
も試してみましたが、<div hidden> と同じ結果になりました。

[plasticgrammer]

度々のコメント失礼します。
『元画面と重なってしまっているようです』とのことですので、z-index:-1 とするとどうなりますでしょうか。

[hatsuzo]

plasticgrammer　さん
重ねてのコメントありがとうございます。<(_ _)>

<div id="box" style=”display:none;z-index:-1”>
としてみましたが、結果は同じでした。
ページの上方にあるスクリプトか何かで出しているメニューバーの部分だけがズレて重なっている感じですので、ページ全体がズレている訳では無さそうです。
z-indexの後の数字を変えてもみましたが変化は有りませんでした。

[plasticgrammer]

回答ありがとうございました。読み込んだ画面側のスクリプトで何かしているのかもしれませんね。
では、iframeを利用する方向で回答してみます。

Answer 1

imfrListViewが何なのか理解できていませんが、iframeを利用した際のコードで imfrListView.deleteRecord としても同じでしょうか？

function Link_url_del(a, b) {
  var frm = document.getElementById('id_frm');
  frm.contentWindow.imfrListView.deleteRecord('hat_BM_mngr', a, b);
}

<iframe src=”forma/normal/view/list_view/***?” style=" visibility:visible;" id="id_frm"></iframe>

Comments

[hatsuzo]

plasticgrammerさん
コメントありがとうございました。

imfrListViewはオブジェクトでdeleteRecordはそのメソッドであるとは思いますが、仕様については公開されていないため、手探りの状態です。

ご指摘の通り、frm.contentWindow.imfrListView.deleteRecord('hat_BM_mngr', a, b);　としてみましたが、結果は同じで反応しませんでした。
なぜ、参照できないのかよく判りません。

[plasticgrammer]

Javascriptエラーにはなっていますか？
（開発者ツールのコンソールになにか表示されていますか？）

[hatsuzo]

plasticgrammerさん　コメントありがとうございます。m(__)m
Web画面上では何も出なかったのですが、コンソールは見てませんでした。

▼frm.contentWindow.imfrListView.deleteRecord('hat_BM_mngr', a, b);　で呼んだ場合
Uncaught TypeError: frm.contentWindow.imfrListView is undefined
    Link_url_del http://*.*.*.*/imart/app/wf_BM_MGR_list:89
    <anonymous> javascript:Link_url_del('5', 'list'):1

▼frm.contentWindow.deleteRecord('hat_BM_mngr', a, b);　で呼んだ場合
Uncaught TypeError: frm.contentWindow.deleteRecord is not a function
    Link_url_del http://*.*.*.*/imart/app/wf_BM_MGR_list:89
    <anonymous> javascript:Link_url_del('5', 'list'):1

なので、この関数自体が参照できていません。
ネット上では何も出てきませんが、開発元にこの関数の使い方だけでも分からないか調べてみます。

[plasticgrammer]

すみません。ソースをあまり見れていませんでしたが、成功しているケースでは location.href にて実行させているのですね。

だとすると、iframeのパターンにて
var url = "javascript:imfrListView.deleteRecord('hat_BM_mngr', '" + a + "', '" + b + "')";
frm.contentWindow.location.href = url;
とかできるんでしょうか？

[hatsuzo]

plasticgrammerさん　コメント有難うございました。
ご指摘のように書き換えてみましたが、駄目でした。
ブラウザのデバッグ画面をみましたが、その関数を見ることはできましたが、その中であるオブジェクトを参照しているのですが、そのオブジェクトの中にあるクラスをラッピングしているものらしく、手が出せません。
メーカーに質問しても想定範囲外の使用ですと言われたので、諦めました。
自作でfunctionを作る方向で考えてみたいと思います。

長らくお付き合い有難うございました。感謝いたします。