오픈마켓 iframe 세로 길이 관련 질문입니다. 정보
오픈마켓 iframe 세로 길이 관련 질문입니다.
본문
현재 오픈마켓 업무를 진행중인데요.
상세페이지의 경우 일반적으로
top - 업체 로고등
content - 해당제품 상세페이지
customer - 고객상담 및 배송정책
으로 구성이 되는데요.
현재 구성을
top
catalogue
content
customer
로 변경을 해보려고 합니다.
catalogue 부분이 추가되는데요. 이걸 개별 html로 편집을 하고
iframe으로 불러오려고 하는데 세로길이가 제품의 수에 따라 추후 변동이 될거 같은데
세로 길이를 자동으로 조절하는 방법이 따로 있을까 해서요.
혹시 아시는분 계시면 정보좀 부탁드리겠습니다. ^^
스크립트 적용만 되었다면 쉽게 해보겠는데 이건 오픈마켓 특성상
html만 사용해야되서 번거롭네요.
<iframe src="상세페이지.html" width="가로사이즈" height="auto" marginwidth="0" marginheight="0" frameborder="no" scrolling="no"></iframe>
요 방법은 안통하더라구요. ㅠ
<body onload="self.resizeTo(document.body.scrollWidth,document.body.scrollHeight);">
역시 요것도 안통하구요.
고수분들의 도움 부탁드립니다.
상세페이지의 경우 일반적으로
top - 업체 로고등
content - 해당제품 상세페이지
customer - 고객상담 및 배송정책
으로 구성이 되는데요.
현재 구성을
top
catalogue
content
customer
로 변경을 해보려고 합니다.
catalogue 부분이 추가되는데요. 이걸 개별 html로 편집을 하고
iframe으로 불러오려고 하는데 세로길이가 제품의 수에 따라 추후 변동이 될거 같은데
세로 길이를 자동으로 조절하는 방법이 따로 있을까 해서요.
혹시 아시는분 계시면 정보좀 부탁드리겠습니다. ^^
스크립트 적용만 되었다면 쉽게 해보겠는데 이건 오픈마켓 특성상
html만 사용해야되서 번거롭네요.
<iframe src="상세페이지.html" width="가로사이즈" height="auto" marginwidth="0" marginheight="0" frameborder="no" scrolling="no"></iframe>
요 방법은 안통하더라구요. ㅠ
<body onload="self.resizeTo(document.body.scrollWidth,document.body.scrollHeight);">
역시 요것도 안통하구요.
고수분들의 도움 부탁드립니다.
추천
0
0
댓글 2개
전문용어로 cross-domain variable height iframe 솔루션을 찾고 계시는데 (구글링은 직접해보시고), 개념만 정리해 드리자면. 가능하지만 caveat (조건) 이 하나 있습니다.
불려들어와지는 페이지에 script 을 심어야 가능합니다.
자스를 직접 짜보실 생각은 하지도 마시고, (일단 공개되어 있는 솔루션 하나 다운받아서 보세요. 한 개인이 짤수 있는 수준이 아닙니다.) 기존 솔루션을 사용하시던가,
아니면 cross-domain ajax 로 처리하세요.
아... 같은 사이트내 컨텐츠를 불러오시는건가요? 헐... 고수분 찾으시길레 당연히 크로스 도메인 iframe 질문하신는 줄.... -...-;;
그걸 왜 iframe 으로 하시죠? 그냥 php include 하시던가 자스/jQuery 로 아작스 로딩 하시면 되겠네요.
뭐 iframe 으로 하신다면...
<body onload=”resizeFrame(document.getElementById(‘childframe’))”>
.
.
.
<script>
function resizeFrame(f) {
f.style.height = f.contentWindow.document.body.scrollHeight + “px”;
}
</script>
이렇게 되겠습니다.
예제: http://www.mattcutts.com/files/frame-example.html
우클릭 + 저장하기 해서 쓰세요. -..-;;
불려들어와지는 페이지에 script 을 심어야 가능합니다.
자스를 직접 짜보실 생각은 하지도 마시고, (일단 공개되어 있는 솔루션 하나 다운받아서 보세요. 한 개인이 짤수 있는 수준이 아닙니다.) 기존 솔루션을 사용하시던가,
아니면 cross-domain ajax 로 처리하세요.
아... 같은 사이트내 컨텐츠를 불러오시는건가요? 헐... 고수분 찾으시길레 당연히 크로스 도메인 iframe 질문하신는 줄.... -...-;;
그걸 왜 iframe 으로 하시죠? 그냥 php include 하시던가 자스/jQuery 로 아작스 로딩 하시면 되겠네요.
뭐 iframe 으로 하신다면...
<body onload=”resizeFrame(document.getElementById(‘childframe’))”>
.
.
.
<script>
function resizeFrame(f) {
f.style.height = f.contentWindow.document.body.scrollHeight + “px”;
}
</script>
이렇게 되겠습니다.
예제: http://www.mattcutts.com/files/frame-example.html
우클릭 + 저장하기 해서 쓰세요. -..-;;
늦었지만 답변 감사합니다. ^^
스크립트를 사용못하는 상황이라 단순히 html만으로 자동 리사이즈부분을 여쭤봤던거구요.
아무래도 이런 상황이라면 솔루션을 사용하는 방법뿐이 없을거 같네요.
스크립트를 사용못하는 상황이라 단순히 html만으로 자동 리사이즈부분을 여쭤봤던거구요.
아무래도 이런 상황이라면 솔루션을 사용하는 방법뿐이 없을거 같네요.
