iFrame 高さ自動調整 注意:IE + jQuery

Quick Edit Pencil
読み込み時とリサイズ時に高さを自動調整
  尚、ローカル環境の業務マニュアルに使用するため 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>

このブログの人気の投稿

PowerShellのGetDetailsOf メソッドでプロパティの詳細情報のID番号と項目名を列挙します

書字方向 横書方向変換スクリプト 左書きから右書きへ(コピペ用途)

PowerShellで複数ファイルのプロパティを取得する方法(準備編)

ヤバい!JAPANNEXT WQHD対応 27型ワイド液晶ディスプレイ「JN-IPS2716WQHD」を注文してみた!!!

簡単 YouTube動画をダウンロード、音声のみ保存する方法 2019

PowerShell: 詳細情報から取得した日付のフォーマット

AppleScript 改行 コード 置換