java에서 table width를 px 단위로 알아내기... 정보
java에서 table width를 px 단위로 알아내기...본문
<table width="500px">
<tr><td width=100px>첫번째컬럼</td></tr>
<td><table width=100% id="contents">
<tr><td>하하하...</td></tr></table>
</td></tr></table>
위와 같이 정의된 테이블의 contents id의 폭은 어떻게 java script에서 확인될까요?
var width=document.getElementById('contents').width;
결과는 100% 입니다. 제가 원하는 값은 400px 입니다. %가 아닌 실제 px 값이 필요해요.
어떻게 해야 width 값을 px 단위로 찾을 수 있을까요?
<tr><td width=100px>첫번째컬럼</td></tr>
<td><table width=100% id="contents">
<tr><td>하하하...</td></tr></table>
</td></tr></table>
위와 같이 정의된 테이블의 contents id의 폭은 어떻게 java script에서 확인될까요?
var width=document.getElementById('contents').width;
결과는 100% 입니다. 제가 원하는 값은 400px 입니다. %가 아닌 실제 px 값이 필요해요.
어떻게 해야 width 값을 px 단위로 찾을 수 있을까요?
댓글 전체
$('body').append($('#contents').width()); // jquery
or
document.write(document.getElementById('contents').clientWidth);
or
document.write(document.getElementById('contents').clientWidth);
감사합니다.
clientWidth라는게 있었군요. java 컨닝페이퍼를 빨리 하나 장만해야 겠어요. ㅠ..ㅠ...
덕분에 쪽지출력 루틴을 다 개발했어요.
---
<script>
function print_contents()
{
var contents = "";
contents += "<html><head><meta http-equiv='content-type' content='text/html; charset=<?=$g4[charset]?>'>";
contents += "<title><?=$g4[title]?></title>";
contents += "<link rel='stylesheet' href='<?=$g4[path]?>/style.css' type='text/css'>";
contents += "</head>";
contents += "<body>";
contents += "<link rel='stylesheet' href='<?=$member_skin_path?>/memo2.css' type='text/css'>";
contents += "<div>";
contents += document.getElementById('memo_contents').innerHTML;
contents += "</div>";
contents += "</body>";
contents += "</html>";
var width_dim = document.getElementById('memo_contents').clientWidth + 20;
var width = width_dim + 'px';
var height_dim = 600;
var height = height_dim + 'px';
var left = (screen.availWidth - width_dim) / 2;
var top = (screen.availHeight - height_dim) / 2;
var options = 'width=' + width + ',height=' + height + ',left=' + left + ',top=' + top + ',status=no,resizable=no,scrollbars=yes';
var win = window.open('', '', options);
win.document.write(contents);
}
</script>
clientWidth라는게 있었군요. java 컨닝페이퍼를 빨리 하나 장만해야 겠어요. ㅠ..ㅠ...
덕분에 쪽지출력 루틴을 다 개발했어요.
---
<script>
function print_contents()
{
var contents = "";
contents += "<html><head><meta http-equiv='content-type' content='text/html; charset=<?=$g4[charset]?>'>";
contents += "<title><?=$g4[title]?></title>";
contents += "<link rel='stylesheet' href='<?=$g4[path]?>/style.css' type='text/css'>";
contents += "</head>";
contents += "<body>";
contents += "<link rel='stylesheet' href='<?=$member_skin_path?>/memo2.css' type='text/css'>";
contents += "<div>";
contents += document.getElementById('memo_contents').innerHTML;
contents += "</div>";
contents += "</body>";
contents += "</html>";
var width_dim = document.getElementById('memo_contents').clientWidth + 20;
var width = width_dim + 'px';
var height_dim = 600;
var height = height_dim + 'px';
var left = (screen.availWidth - width_dim) / 2;
var top = (screen.availHeight - height_dim) / 2;
var options = 'width=' + width + ',height=' + height + ',left=' + left + ',top=' + top + ',status=no,resizable=no,scrollbars=yes';
var win = window.open('', '', options);
win.document.write(contents);
}
</script>
