iFrame 高さ自動調整 注意:IE + jQuery
読み込み時とリサイズ時に高さを自動調整
尚、ローカル環境の業務マニュアルに使用するため IE以外では動作しない
<script src="./js/jquery-3.6.0.min.js"></script>
<script>
$('iframe')
.on('load', function(){
try {
func($(this));
} catch (e) {
}
})
.trigger('load');
$(window).resize(function(){
try {
func($('iframe'));
} catch (e) {
}
});
function func(e){
//画像スクリーンショット
e.contents().find('img[alt*="配置表"]').attr('width','95%');
e.contents().find('img[alt*="配置表"]').css('max-width','960px');
e.contents().find('img[alt*="配置表"]').attr('height','auto');
//図、図表の変換画像
e.contents().find('img:not([alt])').attr('width','95%');
e.contents().find('img:not([alt])').css('max-width','960px');
e.contents().find('img:not([alt])').attr('height','auto');
//オブジェクトウインドウズメディアプレーヤー埋め込み
e.contents().find('object[id*="WindowsMediaPlayer"]').attr('width','95%');
e.contents().find('object[id*="WindowsMediaPlayer"]').css('max-width','960px');
e.contents().find('object[id*="WindowsMediaPlayer"]').attr('height',e.contents().find('[id*="WindowsMediaPlayer"]').width()*0.8);
//iframeの高さを指定
e.height(0)
e.height(e.contents().height() * 1.0);
}
</script>