お世話になります。
Kintone + kViewerを利用して、WEBサイトにて公開するお客様向けのFAQを管理したいと考えています。
WEBサイトへiframeで埋め込みし、kViewerの検索フォームでリンクリスト(カテゴリ)、まとめて検索(テキスト検索)を追加して、ユーザの操作で表示される内容が切り替わるようにしたいと思います。
このとき、検索条件によってiframe内のコンテンツの高さが変化するため、ユーザが戸惑わないよう、動的にiframeの高さを変えようと思い、下記のようにJSを設定してみましたが、最初の表示時はうまくいくものの、その後kViewer内で検索した際の表示時は高さが変化しません。
JavaScriptあるいはiframeの仕様なのかもしれませんが、何かうまい方法はありませんでしょうか?
【kViewer側】
(function() {
“use strict”;
kv.events.records.mounted = [function (state) {
sendHeight();
return state;
}]
})();
function sendHeight(){
var h = document.documentElement.scrollHeight;
parent.postMessage(h, “*”);
}
【WEBサイト側】
window.addEventListener(‘message’, function(e) {
if(e.origin=="https://viewer.kintoneapp.com"){%7B)
document.getElementById(‘content-frame’).height = e.data;
}
}, false);