아바다 테마에서 엘리멘터 빌더를 기반으로 한 웹사이트로 옮기고자 하는 중
아바다 기반 웹사이트에 올려둔 포트폴리오 글들이 많아 한번에 이사를 할 수 없을 것 같아서
아바다 기반의 사이트에 있는 포트폴리오 글들을 엘리멘터로 제작한 사이트에 iframe을 이용해 넣고자 합니다.
html 태그 위젯을 사용해 script를 추가했는데 보여지는 높이값은 그대로였습니다.
<div>
<div>
<iframe src="https://daemyungstock1.cafe24.com/portfolio-items/test4" width="100%" height="100%"></iframe>
</div>
</div>
<script>
function resizeFrame() {
var frameElement = window.frameElement;
if (frameElement) {
frameElement.style.height = document.body.offsetHeight + 'px';
}
}
</script>
높이값을 100%로 표시할 수 있는 방법을 알려주시면 감사하겠습니다.
안녕하세요~^^
아래 코드를 참고하시어
아이프레임의 높이를 조절해보시겠어요?
<iframe src="url" id="the_iframe" class="myFrame" onload="calcHeight();" name="" title="" frameborder="0" scrolling="no"></iframe>
<script>
function resize_frame(id) {
var frm = document.getElementById("the_iframe");
function resize() {
var ms_ie = false;
var ua = window.navigator.userAgent;
var old_ie = ua.indexOf('MSIE ');
var new_ie = ua.indexOf('Trident/');
if ((old_ie > -1) || (new_ie > -1)){
ms_ie = true;
}
if ( ms_ie ) { var iframeHeight=frm.contentWindow.document.body.scrollHeight;
frm.height=iframeHeight+20;
}
else{
frm.style.height = "auto";
contentHeight = frm.contentWindow.document.documentElement.scrollHeight;
frm.style.height = contentHeight + 23 + "px";
}
}
if(frm.addEventListener){
frm.addEventListener('load', resize, false);
}
else{
frm.attachEvent('onload', resize);
}
}
resize_frame('the_iframe');
</script>
추가로, 관리자->도구->내보내기 기능에서
포트폴리오 타입의 글만 내보내고 불러오실 수 있습니다.
전체 이동이 어렵다면 포트폴리오 타입의 글만
불러오는 방법도 고려해보실 수 있을 듯 합니다.
고맙습니다.