勉強したことのメモ

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

  関連記事

jQueryで要素を移動する方法のまとめ

jQueryで要素を移動する際、insertBefore / insertAft ...

JavaScriptで英字を大文字⇔小文字に変換する方法

JavaScriptで英字を大文字⇔小文字に変換したかった。以下に対応方法をメモ ...

JavaScriptにて正規表現を用いずに文字列の一括置換を行う方法

文字列の一括置換を行う際、PHPだとstr_replaceで問題無く対応できるが ...

javascriptで月末日を取得

以前、PHPで月末日を取得したけれども javascriptで月末日を扱いたいケ ...

PHPで画像を分割し並べ替えて出力したものをJavaScriptで復元する方法

ある電子書籍サイトをブラウザの開発者ツールで見てみたところ、PHPでページ画像を ...