묻고답하기
아이프레임 안에 아이프레임 사용시 문의드립니다.
2007.10.02 00:20
<script>
var memobj = new Array();
function syncheight(obj){
if(obj){
obj.style.height=obj.contentWindow.document.body.scrollHeight;
}
else{
while(memobj.length>0){
memobj[0].style.height=memobj[0].contentWindow.document.body.scrollHeight;
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('mainframe');
setTimeout("syncheight()",1);
}
</script>
<!--타이틀,내용 시작-->
<table width="652" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="78" height="50" rowspan="2"><img src="/images/product/title2.gif" width="78" height="50"></td>
<td width="283"> </td>
<td width="291"> </td>
</tr>
<tr>
<td valign="bottom"><img src="/images/tit_right.gif" width="164" height="28"></td>
<td><div align="right">ㆍHOME > 제품소개 > 슈퍼히터 </div></td>
</tr>
<tr>
<td colspan="3"><img src="/images/product/main2_01.gif" width="652" height="343"></td>
</tr>
<tr>
<td colspan="3"><table width="652" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a href="p2_tab1.html" target="test"><img src="/images/product/sh41.gif" width="171" height="131" border="0"></a></td>
<td><a href="p2_tab2.html" target="test"><img src="/images/product/sh51.gif" width="159" height="131" border="0"></a></td>
<td><a href="p2_tab3.html" target="test"><img src="/images/product/sh61.gif" width="154" height="131" border="0"></a></td>
<td><a href="p2_tab4.html" target="test"><img src="/images/product/sh71.gif" width="168" height="131" border="0"></a></td>
</tr>
</table></td>
</tr>
<tr>
<td height="15" colspan="3"></td>
</tr>
<tr>
<td colspan="3"><iframe src="p2_tab1.html" style="width=652" onload=syncheight(this) scrolling="no" frameborder="0" marginheight="0" marginwidth="0" name="test"></iframe></td>
//제일 처음 문서에서 아이프레임을 불러오게 되는 형식입니다.//
</tr>
</table>
---------------------------------------------------------- 아이프레임이 들어가는 처음문서-----------------------------------------------------------------------
p2_tab1.html 이문서안에서 하단부위에 또 다른 문서를 아이프레임으로 불러오는데요. 문제는 높이값 싱크입니다. 그동안 한문서에서 사용시 높이값이 자동으로 맞춰졌는데요. sh41.gif 부터 버튼이미지 입니다. 이버튼들을 누르면 또다른 아이프레임들을 불러오게 되는데요. 문제는 맨앞의 버튼눌렀을시 나오는 아이프레임의 높이값에 맞춰져서 뒷페이지들도 똑같이 나옵니다. 첫페이지 문서의 높이값이 1200 정도이고 두번째가 600 이라 가정했을때 첫번째는 제대로 나오는데 두번쨰 페이지는 첫페이지의 높이값 그대로 먹혀 나오는거 같습니다. 두번째 세번째도 높이값이 자동으로 싱크율에 맞게 나와야 하는데 말이죠... ㅠㅠ 이럴땐 어떤 다른방법이 있거나 스크립트 소스를 바꾸면 가능한건지 알고 싶습니다. 둘중 하나는 페이지를 링크 시켜버려도 되긴하는데 그러면 또한번 헤드나 풋 전체적으로 한번 읽혀지기때문에 보는이에 있어서 사이트가 느리게 보일수가 있어서요. 정 방법이없으면 그렇게 해야겠지만서도요. 혹 방법이나 다른 방안을 알고 싶어서 여쭤보게 되었습니다. 이와 같은 부분을 해결 하신분 있으시거나 아시는분은 조언좀 부탁드리겠습니다.그럼 모두 좋은 밤 보내세요~
<script>
var memobj = new Array();
function syncheight(obj){
if(obj){
obj.style.height=obj.contentWindow.document.body.scrollHeight;
}
else{
while(memobj.length>0){
memobj[0].style.height=memobj[0].contentWindow.document.body.scrollHeight;
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('+
'+
'mainframe');
setTimeout("syncheight()",1);
}
</script>
</head>
<body>
<table width="652" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><table width="390" height="26" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><a href="p2_tab1_41.html" target="test2"><img src="/images/product/tab_btn1.gif" width="71" height="26" border="0"></a></td>
<td><a href="p2_tab2_71.html" target="test2"><img src="/images/product/tab_btn2.gif" width="71" height="26" border="0"></a></td>
<td><a href="p2_tab3_71.html" target="test2"><img src="/images/product/tab_btn3.gif" width="71" height="26" border="0"></a></td>
<td><a href="p2_tab5_41.html" target="test2"><img src="/images/product/tab_btn5.gif" width="71" height="26" border="0"></a></td>
<td><a href="p2_tab6_41.html" target="test2"><img src="/images/product/tab_btn6.gif" width="71" height="26" border="0"></a></td>
</tr>
</table></td>
</tr>
<tr>
<td height="15"> </td>
</tr>
<tr>
<td><iframe src="p2_tab1_41.html" style="width=652" onload=syncheight(this) scrolling="no" frameborder="0" marginheight="0" marginwidth="0" name="test2"></iframe></td>
//아이프레임안에서 또 아이프레임을 써서 또다른 문서를 불러오게 되는 형식입니다.//
</tr>
</table>
</body>
</html>
---------------------------------------------------------- 아이프레임이 들어간 두번째문서-----------------------------------------------------------------------