YAS's VB.NET Tips
 
NetCommons Tips
NetCommons Tips >> 記事詳細

2018/05/19

iframeの高さを自動的に設定する

Tweet ThisSend to Facebook | by:YAS
 iframeでVBコードなどを表示する際に,縦のスクロールバーが表示されないよう,iframeの縦の大きさを調節したいが,HTMLにiframeの縦の長さだけを自動的に調節する機能はないようだ。
 そこで,JavaScriptでiframe内documentのscrollHeightを取得し,iframeの高さに設定する。ただ,scrollHeightそのものをiframe.heightに設定すると,横スクロールバーの分だけ高さが足りず,縦スクロールバーが表示されてしまうので,スクロールバーを含む高さのiframe.contentWindow.innerHeightと,スクロールバーを含まない高さのiframe.contentWindow.document.documentElement.clientHeightの差から,スクロールバーの高さを求め,scrollHeightに加えた値をiframe.heightに設定する。

 共通エディタの「ファイルの添付」でHTMLファイルをアップロードし,下のコードをNetCommonsの共通エディタのHTML編集画面にコピー・貼り付けをし,iframeタグのsrcを,アップロードしたファイルのリンクに書き換える。

例 src="./?action=common_download_main&upload_id=85"


17:00 | 投票する | 投票数(0) | コメント(0)