내용의 길이에 따라 개체 나 iframe의 길이를 동적으로 변경하는 방법

웹 페이지가 다른 유형의 개체로 동적으로로드되는 여러 조각으로 구성된 프로젝트에서 작업하고 있습니다. 예를 들어, 특정 지점에서 페이지는 2 개의 프래그먼트를 가질 수 있습니다. 하나는 비디오를 표시하고 다른 하나는 텍스트를 표시하고 다른 페이지는 2 개의 텍스트 블록을 표시 할 수 있습니다. 내용을 변경하는 사용자는 내용을 보는 사용자에 따라 다르며 동일한 조각 (객체 태그 또는 iframe으로 정의 됨)에는 비디오 (mp4, avi 등) 또는 텍스트 (pdf, docx, txt 등)가 포함될 수 있습니다. 이미지 등내용의 길이에 따라 개체 나 iframe의 길이를 동적으로 변경하는 방법

내가 겪고있는 문제는 콘텐츠의 크기 (특히 길이)와 관련이 있습니다. object 태그와 iframe 태그는 내용의 길이에 따라 크기를 조정해야하는 테두리 상자로 구분됩니다. 콘텐츠가 30 페이지 길이의 PDF 인 경우 웹 페이지에 30 개의 모든 페이지를 렌더링해야합니다. 나는 사용자가 PDF의 내용을보기 위해 아래로 스크롤 할 수 없으며 가능한 한 완벽하게 웹 페이지의 일부가되어야한다.

대답은 here 인 것으로 보입니다. 나는 JQuery를 모르지만 나는 배울 수있다. 그러나, 나는 그 예들에서 사용 된 내용이 항상 웹 페이지라는 것을 알아 차렸다. 필자의 경우 iframe의 내용은 여러 가지 유형이 될 수 있으며 JQuery를 사용하여 웹 페이지가 아닌 무언가의 크기를 결정할 수 있는지 알고 싶습니다. 그럴 수 없다면 누구든지 제 문제에 대한 해결책을 제안 할 수 있습니까? 감사. 이러한

// For other good browsers. 
$('iframe').load(function() { 
    this.style.height = 
    this.contentWindow.document.body.offsetHeight + 'px'; 
}); 

// Safari and Opera need a kick-start. 
for (var i = 0, j = iFrames.length; i < j; i++) { 
    var iSource = iFrames[i].src; 
    iFrames[i].src = ''; 
    iFrames[i].src = iSource; 
}

작동합니다

동적으로 iframe을의 높이를 설정하는 JQuery와 또는 자바 스크립트를 사용하도록해야 할 것

출처

2012-11-20 Andromeda

이게 당신이 원하는 것에 더 가깝습니까? http://stackoverflow.com/questions/819416/adjust-width-height-of-iframe-to-fit-with-content-in-it –

는이 코드를 설명하는 전체 기사 Here이

출처

2012-11-20 21:47:13

내용의 길이에 따라 개체 나 iframe의 길이를 동적으로 변경하는 방법

답변

관련 문제