ページの URL にページの高さのパラメーターを追加して、iframe に読み込まれるページの動的な高さとして設定できるようにしようとしています。
iframe ページのコード。
$(document).ready(function() {
var h = $("#tr").height();
var pathname = $(location).attr('href');
pathname = $(this) + "&height=" + h;
});
iframe に読み込まれるページ。
$(document).ready(function() {
// parse params in iframe url
var qs = (function(a) {
if (a == "") return {};
var b = {};
for (var i = 0; i < a.length; ++i)
{
var p=a[i].split('=');
if (p.length != 2) continue;
b[p[0]] = decodeURIComponent(p[1].replace(/\+/g, " "));
}
return b;
})(window.location.search.substr(1).split('&'));
// get height param
var myheight = qs["height"]
// apply css height of the iframe parent
$("#frame").css("height", myheight)
});
問題は、これまでの iframe ページがページの読み込み時に「page.html&height=800」を追加していないことです。更新せずにそれを可能にするように設定する方法を見つけようとしています。