勉強したことのメモ

Webエンジニア / プログラマが勉強したことのメモ。

table内のiframeのheightを最大高さにする

   2014/05/22  JavaScript

tableのtdの中にリンクがあり、クリックすると
td内でiframeが開く。で、その時にtdの高さ一杯まで
サイズ指定をしたかった。

・table側
<td id="td_<?=$i;?>">
<span id="span_<?=$i;?>">
<a href="javascript:void(0);" onClick="check('http://aaa.bbb.com', '<?=$i;?>')">クリック!</a>
</span>
<span id="check_span_<?=$i;?>"></span>
</td>

・JavaScript側
<script>
function mail_check(url, num) {
var iframe_height = $('#td_' + num).height() - 10; //height一杯マイナス10pxで指定
$('#check_span_' + num).html('<iframe src="' + url + '" width="800" height="' + iframe_height + '" frameborder="0"></iframe>');
$('#span_' + num).html('');
}
</script>

 - JavaScript

  関連記事

Video.jsで表示させた動画プレイヤーにロゴ画像(透かし)を追加する方法(videojs-logo)
Video.jsで表示させた動画プレイヤーにロゴ画像(透かし)を追加する方法(videojs-logo)

Video.jsで表示させた動画プレイヤーの右上等、指定の位置にロゴ画像(透かし ...

JavaScriptでCookieを取り扱う「js-cookie」ライブラリの利用方法
JavaScriptでCookieを取り扱う「js-cookie」ライブラリの利用方法

「jquery-cookie」プラグイン開発終了に伴い「js-cookie」ライ ...

ラジオボタンのカスタムデータ属性を取得し、特定の値の場合はチェックさせない方法
ラジオボタンのカスタムデータ属性を取得し、特定の値の場合はチェックさせない方法

ASPを使用したサイトで特定のradioボタンは選択不可にしたいというケースがあ ...

JavaScriptで数字をゼロパディング(ゼロ埋め)する方法
JavaScriptで数字をゼロパディング(ゼロ埋め)する方法

JavaScriptで予め桁数を決めておいて、桁数未満の場合は0で埋めたい場合の ...

JavaScriptのリッチなalert / confirmぽいウィンドウを表示する「sweetalert2」の利用方法
JavaScriptのリッチなalert / confirmぽいウィンドウを表示する「sweetalert2」の利用方法

JavaScriptのalert / confirmはブラウザによって表示位置や ...