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

Question

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

別のページに記述してある関数をクリックイベントで呼び出したいのですが、可能なのでしょうか？

別のページと敢えて書いたのは、パスが明らかになっているスクリプト(target_page.js)ではなく、
URLは分かっているのですが、フレームワーク(intra-mart)上のツールで生成されるページで、自動的にマッピングされたページのURLは分かるのですが、スクリプトのパスは判らない、しかし、その中で使用しているFunctionを呼び出したいのです。

URLは下記のようになっていて、渡せるパラメタも判っており、取得も可能なのですが、インクルードする訳にもいかず、URL以上のことは非公開のようなのです。
javascript:imfrListView.deleteRecord(imfr_sd_application_id,imfr_sd_insert_id,imfr_sd_version_no)

パラメタは対象レコードのキーなので、目的からいくとレコード削除のスクリプトを作ればよいのかもしれませんが、せっかく使えるFunctionがあり、それ以外に何か処理をしていても困るので、後学のため、こうした使い方が可能かということも知りたかったので投稿しました。

アドバイス頂けましたら幸いです。

Comments

[m.ts10806]

使いたいページがそのフレームワークの管理外ならおそらく無理でしょうね。
中身だけ同じ別のスクリプトを用意する感じになるのでは。

[miyabi_pudding]

フロントエンド上でしょうか？
それともスクレイピング時でしょうか？

[hatsuzo]

m.ts10806さん　コメントありがとうございました。
＞使いたいページがそのフレームワークの管理外ならおそらく無理でしょうね。
言葉足らずでした。
参照元のぺージは同じプレームワークで動作するページです。ただし、参照先はフレームワークの中のツールで作成されたもので、別のパスに配置されています。
当然、javascript:imfrListView.deleteRecord..... と書いたURLを呼び出すと参照はできません。

miyabi_takatsuk　さん　コメントありがとうございました。
＞フロントエンド上でしょうか？
＞それともスクレイピング時でしょうか？
いわゆるフロントエンド上のhtmlから呼び出すJavascriptです。
スクレイピングという言葉は恥ずかしながら初耳でしたが、そういったことはしていません。

Answer 1

その関数を使っているページを隠し項目にロードしたら参照できました。

<!-- 隠し項目 --> <div hidden id="box"></div> <script> $(function(){ $("#box").load("forma/normal/view/list_view/***?"); // 参照可のページ }); </script>

Answer 2

いろいろと状況が昧なので要点だけ書きます。
下記の二点を満たせば、可能です。

• 当該外部ページの window を取得可能 (CORSの制約範囲内)
• 当該外部ページでグローバルスコープに関数が存在する

Re: hatsuzo さん

Comments

[hatsuzo]

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

私の行った方法は、html上に別のページを読み込んだことにより、ただ単にグローバルスコープに入っただけのことなんですね。
原始的で視認性も悪くなり、美しくないやり方ですが、新たなコードを書かなくてよい分、よしとして妥協することにします。

Answer 3

ライブラリ化しているならscriptタグで呼び出すだけでしょうけど
そんなに都合よく他人に使い勝手が良いように公開はしていないでしょうね
データはともかく関数はスタティックな処理ならコピペで
持ってくるとかの方が現実的かもしれません

Comments

[hatsuzo]

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

諦めかけていたところ、以前にこのフレームワーク(intra-mart)でダイヤログを実装した時、ダイヤログ画面からの選択値を元画面に返す時、元画面のオブジェクトを直接参照できたことを思い出し、
だめもとで、そのFunctionを参照できる画面を隠し項目で呼び出した状態で、javascript:imfrListView.deleteRecord..... というURLを呼び出したところ、なんと動きました。
なぜ参照できるのか自分でもよく判っていませんが、何度動かしても動作します。
フレームワーク上の特性なんでしょうか、トリッキーな使い方なのかもしれません。
こんな感じです。

<!-- 隠し項目 -->
<div hidden id="box"></div>
<script>
$(function(){
$("#box").load("forma/normal/view/list_view/hat_BM_mngr?"); // 参照可のページ
});
</script>