<script type="text/javascript">
<!--
/*------------------------------------------------------------------------------------------
// 화면 로드 후 처리
------------------------------------------------------------------------------------------*/
window.onload = function()
{
// div height 설정
setDivHeight('div_left','div_content');
}
/*------------------------------------------------------------------------------------------
// div height 설정
// objSet : 변경할 div id
// objTar : height값을 구할 대상 div id
------------------------------------------------------------------------------------------*/
function setDivHeight(objSet, objTar)
{
var objSet = document.getElementById(objSet);
var objTarHeight= document.getElementById(objTar).offsetHeight;
objSet.style.height = objTarHeight + "px";
}
//-->
</script>
<div>
<div id="div_left"></div>
<div id="div_content"></div>
</div>
설명>div_content div의 내용에 따라 height 크기가 변경되면 왼쪽에 있는 div_left div height 크기도 자동으로 변경된다.
프로그램/jquery, javascript2010. 4. 23. 17:14
반응형
반응형