iframe 내용의 크기의 따라 변경되는 화면

이번내용은 iframe의 내용의 길어지는 경우 즉 내용의 많아 길게 늘어지는 경우를 말합니다

이런경우 withd 폭은 고정된 상태로 height의 길이만 길어질경우 전체적인 내용이 보이기 때문의

여러가지 응용적으로 사용가능한 부분이기도 합니다

 

페이지의 삽입될 자바스크립트를 이용 아이프레임을 응용합니다

 

<script>
var memobj = new Array();
function syncheight(obj){
 if(obj){
  if(obj.contentWindow.document.body.scrollHeight <= 100){
 obj.style.height="100";
 } else {
   obj.style.height=obj.contentWindow.document.body.scrollHeight+82;
 }
 }
 else{
  while(memobj.length>0){
   memobj[0].style.height=memobj[0].contentWindow.document.body.scrollHeight+82;
   memobj.shift();
  }
 }
}
function viewsmallframe(){
 var tmptr = event.srcElement.parentNode.parentNode.nextSibling;
 tmptr.style.display = tmptr.style.display=='none'?'':'none';
 
 memobj[memobj.length] = tmptr.cells(0).childNodes(0);
 memobj[memobj.length] = parent.document.getElementById('layerframne');
 setTimeout("syncheight()",1);
}
</script>
 

* 위에 +82 부분은 82픽셀만큼 세로공백을 추가한다는 뜻입니다.

   딱맞게 사용하시려면 +82를 삭제하시면 됩니다.

 

 

<iframe style="WIDTH: 100%" onload="syncheight(this)" marginheight="0" src="페이지" frameborder="0" name="layerframne" marginwidth="0" scrolling="no" nbsp="nbsp"></iframe>

 

어떤형식으로 응용하여 하용하느냐에 따라 변경될수 있습니다.

 

 

[출처] 옜다관심 | 옜다관심 (http://saymove.blog.me/80119111572)