html 문서의 iframe 질문입니다. 정보
html 문서의 iframe 질문입니다.본문
그누 질답에...정확히 맞지는 않지만..
질문드려봅니다.
제가 지마켓에 상품 상세설명을 올리구 있습니다.
지마켓은 gsm 이라는 전용프로그램을 사용하구요.
인식하는것은 html 입니다.
t.html 상단에 다른 top.html 이라는 문서를 iframe으로 불러옵니다. 그리고 하단에 또다른 bottom.html 이라는 문서를iframe 으로 불러옵니다..
사이즈 자동조절이 안됩니다..ㅡㅡ;;
아래는 소스 입니다..
top.html--
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
</head>
<body>
<table width="810" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top"><img src="http://www.funnycong.com/open/g/001.jpg" width="810" height="2507" border="0" usemap="#Map" /></td>
</tr>
<tr>
<td valign="top"> </td>
</tr>
</table>
<map name="Map" id="Map"><area shape="rect" coords="15,19,135,54" href="http://www.gmarket.co.kr/challenge/neo_search/search_total.asp?page=1&keyword=퍼니콩+남성&prevKeyword=&sortField=&delFee=&gdlcCd=100000038&gdmcCd=200000117&gdscCd=300000741&gdlcNm=건강/애완/악기/성인&gdmcNm=성인용품&gdscNm=남성용품&valueId1=&valueId2=&valueId3=&price=&linkType=IMG&tradWay=&brandNo=&makerNo=&sellCustNo=&brandNm=&makerNm=&overseaYN=&rtnoldYN=&dtCouponYN=&delivery_group_no=&discCouponYN=&saveYN=&giftYN=&freeYN=&guildYN=&gdState=&searchType=detail&global_seller_yn=&gd_origin_nm=&gd_origin_cd=" target="_blank" />
<area shape="rect" coords="160,19,272,55" href="http://www.gmarket.co.kr/challenge/neo_search/search_total.asp?page=1&keyword=퍼니콩+여성&prevKeyword=&sortField=&delFee=&gdlcCd=100000038&gdmcCd=200000117&gdscCd=300000742&gdlcNm=건강/애완/악기/성인&gdmcNm=성인용품&gdscNm=여성용품&valueId1=&valueId2=&valueId3=&price=&linkType=IMG&tradWay=&brandNo=&makerNo=&sellCustNo=&brandNm=&makerNm=&overseaYN=&rtnoldYN=&dtCouponYN=&delivery_group_no=&discCouponYN=&saveYN=&giftYN=&freeYN=&guildYN=&gdState=&searchType=detail&global_seller_yn=&gd_origin_nm=&gd_origin_cd=" />
<area shape="rect" coords="289,18,351,55" href="http://www.gmarket.co.kr/challenge/neo_search/search_total.asp?page=1&keyword=퍼니콩+&prevKeyword=&sortField=&delFee=&gdlcCd=100000038&gdmcCd=200000117&gdscCd=300004381&gdlcNm=건강/애완/악기/성인&gdmcNm=성인용품&gdscNm=일반&valueId1=&valueId2=&valueId3=&price=&linkType=IMG&tradWay=&brandNo=&makerNo=&sellCustNo=&brandNm=&makerNm=&overseaYN=&rtnoldYN=&dtCouponYN=&delivery_group_no=&discCouponYN=&saveYN=&giftYN=&freeYN=&guildYN=&gdState=&searchType=detail&global_seller_yn=&gd_origin_nm=&gd_origin_cd=" />
<area shape="rect" coords="370,15,454,57" href="#" /><area shape="rect" coords="498,422,613,493" href="#" /><area shape="rect" coords="647,421,758,489" href="#" /><area shape="rect" coords="528,16,764,41" href="#" /><area shape="rect" coords="12,521,398,547" href="#" /><area shape="rect" coords="418,520,808,549" href="#" /><area shape="rect" coords="187,556,392,635" />
<area shape="rect" coords="188,654,386,720" href="#" /><area shape="rect" coords="18,755,100,846" href="#" /><area shape="rect" coords="119,753,197,843" href="#" /><area shape="rect" coords="213,750,292,848" href="#" /><area shape="rect" coords="305,748,386,850" href="#" /><area shape="rect" coords="596,563,794,637" href="#" /><area shape="rect" coords="593,651,792,725" href="#" /><area shape="rect" coords="417,563,582,725" href="#" /><area shape="rect" coords="10,556,177,731" href="#" /><area shape="rect" coords="423,736,515,848" href="#" /><area shape="rect" coords="526,738,597,850" href="#" /><area shape="rect" coords="614,742,699,851" href="#" /><area shape="rect" coords="712,742,794,849" href="#" /><area shape="rect" coords="7,873,402,899" href="#" /><area shape="rect" coords="9,906,174,1078" href="#" /><area shape="rect" coords="189,915,382,989" href="#" /><area shape="rect" coords="189,1009,382,1076" href="#" /><area shape="rect" coords="15,1095,103,1204" href="#" /><area shape="rect" coords="110,1094,200,1208" href="#" /><area shape="rect" coords="211,1092,292,1207" href="#" /><area shape="rect" coords="299,1092,392,1208" href="#" /><area shape="rect" coords="419,914,583,1079" href="#" /><area shape="rect" coords="593,912,795,993" href="#" /><area shape="rect" coords="596,1004,792,1079" href="#" /><area shape="rect" coords="424,1096,511,1209" href="#" /><area shape="rect" coords="518,1095,605,1210" href="#" /><area shape="rect" coords="616,1097,698,1210" href="#" /><area shape="rect" coords="706,1095,800,1211" href="#" /><area shape="rect" coords="18,1244,207,1372" href="#" /><area shape="rect" coords="228,1248,413,1377" href="#" /><area shape="rect" coords="439,1252,624,1374" href="#" /><area shape="rect" coords="643,1250,798,1378" href="#" /><area shape="rect" coords="26,1415,193,1757" href="#" /><area shape="rect" coords="214,1417,376,1755" href="#" /><area shape="rect" coords="388,1418,551,1751" href="#" /><area shape="rect" coords="565,1418,797,1758" href="#" /><area shape="rect" coords="16,1829,144,2036" href="#" /><area shape="rect" coords="157,1831,276,2038" href="#" /><area shape="rect" coords="283,1831,399,2038" href="#" /><area shape="rect" coords="404,1828,520,2041" href="#" /><area shape="rect" coords="527,1828,650,2040" href="#" /><area shape="rect" coords="655,1822,779,2040" href="#" /><area shape="rect" coords="30,2062,767,2136" href="#" /><area shape="rect" coords="32,2197,269,2324" href="#" /><area shape="rect" coords="32,2341,268,2465" href="#" /><area shape="rect" coords="281,2215,517,2449" href="#" /><area shape="rect" coords="530,2197,770,2320" href="#" /><area shape="rect" coords="532,2338,770,2466" href="#" /></map></body>
</html>
-----------------------------------------------------------------------------------------------
t.html --
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<script language='JavaScript' type='text/javascript'>
function resizeFrame(iframeObj){
var innerBody = iframeObj.contentWindow.document.body;
oldEvent = innerBody.onclick;
innerBody.onclick = function(){ resizeFrame(iframeObj, 1);oldEvent; };
var innerHeight = innerBody.scrollHeight + (innerBody.offsetHeight - innerBody.clientHeight);
iframeObj.style.height = innerHeight;
if( !arguments[1] ) /* 특정 이벤트로 인한 호출시 스크롤을 그냥 둔다. */
this.scrollTo(1,1);
}
</script>
<title>Untitled Document</title>
</head>
<body>
<table width="820" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<iframe width=100% height=100% src="http://funnycong.com/open/g/top.html" onload="resizeFrame(this)" scrolling="no" frameborder=0></iframe>
</td>
</tr>
<tr>
<td> </td>
</tr>
<tr align="center">
<td><iframe width=100% height=100% src="http://funnycong.com/open/g/bottom.html" onload="resizeFrame(this)" scrolling="no" frameborder=0></iframe> </td>
</tr>
</table>
</body>
</html>
-------------------------------------------------------------------------------------
bottom.html ------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<title>Untitled Document</title>
</head>
<body>
<table width="815" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div align="center"><img src="http://www.funnycong.com/open/g/bottom.jpg" width="680" height="227" /></div></td>
</tr>
</table>
</body>
</html>
질문드려봅니다.
제가 지마켓에 상품 상세설명을 올리구 있습니다.
지마켓은 gsm 이라는 전용프로그램을 사용하구요.
인식하는것은 html 입니다.
t.html 상단에 다른 top.html 이라는 문서를 iframe으로 불러옵니다. 그리고 하단에 또다른 bottom.html 이라는 문서를iframe 으로 불러옵니다..
사이즈 자동조절이 안됩니다..ㅡㅡ;;
아래는 소스 입니다..
top.html--
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
</head>
<body>
<table width="810" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top"><img src="http://www.funnycong.com/open/g/001.jpg" width="810" height="2507" border="0" usemap="#Map" /></td>
</tr>
<tr>
<td valign="top"> </td>
</tr>
</table>
<map name="Map" id="Map"><area shape="rect" coords="15,19,135,54" href="http://www.gmarket.co.kr/challenge/neo_search/search_total.asp?page=1&keyword=퍼니콩+남성&prevKeyword=&sortField=&delFee=&gdlcCd=100000038&gdmcCd=200000117&gdscCd=300000741&gdlcNm=건강/애완/악기/성인&gdmcNm=성인용품&gdscNm=남성용품&valueId1=&valueId2=&valueId3=&price=&linkType=IMG&tradWay=&brandNo=&makerNo=&sellCustNo=&brandNm=&makerNm=&overseaYN=&rtnoldYN=&dtCouponYN=&delivery_group_no=&discCouponYN=&saveYN=&giftYN=&freeYN=&guildYN=&gdState=&searchType=detail&global_seller_yn=&gd_origin_nm=&gd_origin_cd=" target="_blank" />
<area shape="rect" coords="160,19,272,55" href="http://www.gmarket.co.kr/challenge/neo_search/search_total.asp?page=1&keyword=퍼니콩+여성&prevKeyword=&sortField=&delFee=&gdlcCd=100000038&gdmcCd=200000117&gdscCd=300000742&gdlcNm=건강/애완/악기/성인&gdmcNm=성인용품&gdscNm=여성용품&valueId1=&valueId2=&valueId3=&price=&linkType=IMG&tradWay=&brandNo=&makerNo=&sellCustNo=&brandNm=&makerNm=&overseaYN=&rtnoldYN=&dtCouponYN=&delivery_group_no=&discCouponYN=&saveYN=&giftYN=&freeYN=&guildYN=&gdState=&searchType=detail&global_seller_yn=&gd_origin_nm=&gd_origin_cd=" />
<area shape="rect" coords="289,18,351,55" href="http://www.gmarket.co.kr/challenge/neo_search/search_total.asp?page=1&keyword=퍼니콩+&prevKeyword=&sortField=&delFee=&gdlcCd=100000038&gdmcCd=200000117&gdscCd=300004381&gdlcNm=건강/애완/악기/성인&gdmcNm=성인용품&gdscNm=일반&valueId1=&valueId2=&valueId3=&price=&linkType=IMG&tradWay=&brandNo=&makerNo=&sellCustNo=&brandNm=&makerNm=&overseaYN=&rtnoldYN=&dtCouponYN=&delivery_group_no=&discCouponYN=&saveYN=&giftYN=&freeYN=&guildYN=&gdState=&searchType=detail&global_seller_yn=&gd_origin_nm=&gd_origin_cd=" />
<area shape="rect" coords="370,15,454,57" href="#" /><area shape="rect" coords="498,422,613,493" href="#" /><area shape="rect" coords="647,421,758,489" href="#" /><area shape="rect" coords="528,16,764,41" href="#" /><area shape="rect" coords="12,521,398,547" href="#" /><area shape="rect" coords="418,520,808,549" href="#" /><area shape="rect" coords="187,556,392,635" />
<area shape="rect" coords="188,654,386,720" href="#" /><area shape="rect" coords="18,755,100,846" href="#" /><area shape="rect" coords="119,753,197,843" href="#" /><area shape="rect" coords="213,750,292,848" href="#" /><area shape="rect" coords="305,748,386,850" href="#" /><area shape="rect" coords="596,563,794,637" href="#" /><area shape="rect" coords="593,651,792,725" href="#" /><area shape="rect" coords="417,563,582,725" href="#" /><area shape="rect" coords="10,556,177,731" href="#" /><area shape="rect" coords="423,736,515,848" href="#" /><area shape="rect" coords="526,738,597,850" href="#" /><area shape="rect" coords="614,742,699,851" href="#" /><area shape="rect" coords="712,742,794,849" href="#" /><area shape="rect" coords="7,873,402,899" href="#" /><area shape="rect" coords="9,906,174,1078" href="#" /><area shape="rect" coords="189,915,382,989" href="#" /><area shape="rect" coords="189,1009,382,1076" href="#" /><area shape="rect" coords="15,1095,103,1204" href="#" /><area shape="rect" coords="110,1094,200,1208" href="#" /><area shape="rect" coords="211,1092,292,1207" href="#" /><area shape="rect" coords="299,1092,392,1208" href="#" /><area shape="rect" coords="419,914,583,1079" href="#" /><area shape="rect" coords="593,912,795,993" href="#" /><area shape="rect" coords="596,1004,792,1079" href="#" /><area shape="rect" coords="424,1096,511,1209" href="#" /><area shape="rect" coords="518,1095,605,1210" href="#" /><area shape="rect" coords="616,1097,698,1210" href="#" /><area shape="rect" coords="706,1095,800,1211" href="#" /><area shape="rect" coords="18,1244,207,1372" href="#" /><area shape="rect" coords="228,1248,413,1377" href="#" /><area shape="rect" coords="439,1252,624,1374" href="#" /><area shape="rect" coords="643,1250,798,1378" href="#" /><area shape="rect" coords="26,1415,193,1757" href="#" /><area shape="rect" coords="214,1417,376,1755" href="#" /><area shape="rect" coords="388,1418,551,1751" href="#" /><area shape="rect" coords="565,1418,797,1758" href="#" /><area shape="rect" coords="16,1829,144,2036" href="#" /><area shape="rect" coords="157,1831,276,2038" href="#" /><area shape="rect" coords="283,1831,399,2038" href="#" /><area shape="rect" coords="404,1828,520,2041" href="#" /><area shape="rect" coords="527,1828,650,2040" href="#" /><area shape="rect" coords="655,1822,779,2040" href="#" /><area shape="rect" coords="30,2062,767,2136" href="#" /><area shape="rect" coords="32,2197,269,2324" href="#" /><area shape="rect" coords="32,2341,268,2465" href="#" /><area shape="rect" coords="281,2215,517,2449" href="#" /><area shape="rect" coords="530,2197,770,2320" href="#" /><area shape="rect" coords="532,2338,770,2466" href="#" /></map></body>
</html>
-----------------------------------------------------------------------------------------------
t.html --
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<script language='JavaScript' type='text/javascript'>
function resizeFrame(iframeObj){
var innerBody = iframeObj.contentWindow.document.body;
oldEvent = innerBody.onclick;
innerBody.onclick = function(){ resizeFrame(iframeObj, 1);oldEvent; };
var innerHeight = innerBody.scrollHeight + (innerBody.offsetHeight - innerBody.clientHeight);
iframeObj.style.height = innerHeight;
if( !arguments[1] ) /* 특정 이벤트로 인한 호출시 스크롤을 그냥 둔다. */
this.scrollTo(1,1);
}
</script>
<title>Untitled Document</title>
</head>
<body>
<table width="820" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<iframe width=100% height=100% src="http://funnycong.com/open/g/top.html" onload="resizeFrame(this)" scrolling="no" frameborder=0></iframe>
</td>
</tr>
<tr>
<td> </td>
</tr>
<tr align="center">
<td><iframe width=100% height=100% src="http://funnycong.com/open/g/bottom.html" onload="resizeFrame(this)" scrolling="no" frameborder=0></iframe> </td>
</tr>
</table>
</body>
</html>
-------------------------------------------------------------------------------------
bottom.html ------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<title>Untitled Document</title>
</head>
<body>
<table width="815" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div align="center"><img src="http://www.funnycong.com/open/g/bottom.jpg" width="680" height="227" /></div></td>
</tr>
</table>
</body>
</html>
댓글 전체
제 생각엔 여기 그누보드질답게시판말고 지마켓의 관련게시판에서 문의나 상담을 해보시는게 더빠를듯싶은데요?
이유는 해당 부분은 지마켓의 전용프로그램안에 넣는거라..
일반적으로 다른분들은 테스트나 사용을 못해볼수도있으니.
지마켓에 문의하는게 가장확실하고 빠를듯싶네요~
직접적인 도움이 못되어 죄송합니다.
이유는 해당 부분은 지마켓의 전용프로그램안에 넣는거라..
일반적으로 다른분들은 테스트나 사용을 못해볼수도있으니.
지마켓에 문의하는게 가장확실하고 빠를듯싶네요~
직접적인 도움이 못되어 죄송합니다.