div에 외부 웹 페이지로드 및 높이 조절

Jquery를 사용하여 div (#siteloader)에 외부 웹 페이지를로드하려고하지만 크기를 조정하여 div의 크기를 조정할 수 없습니다. 스크롤 막대를 가져 오지 않고 외부 사이트의 콘텐츠를 맞추십시오. iframe을 사용하고 싶지 않습니다. 이것에 어떤 도움을 크게 감상 할 수div에 외부 웹 페이지로드 및 높이 조절

<!doctype html> 
<html> 
    <meta charset="utf-8"> 
    <title>Load remote content into object element</title> 

    <style type="text/css"> 
    object { 
     width: 100%; 
    }  
    </style> 

    </head> 

    <body> 
     <div id="siteloader"></div> 

     <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script> 
     <script> 
     $("#siteloader") 
      .html('<object data="https://system.netsuite.com/pages/customerlogin.jsp?country=US">'); 
     </script> 

    </body> 

</html>

: 여기

코드입니다! 당신이하지 특정 높이를 수행하거나 자동으로 적절한 크기로 확장됩니다 폭 경우

출처

2012-10-05 user1721584

. 이후 외부 HTML을 제어 할 수있는 페이지 함수에 추가 set_iframe_height (w) P $ ('# iframe-element'). 높이 (w); } 그리고 포함 된 페이지에 parent.set_iframe_height ($ ('body'). height())를 추가했습니다. – galchen

, 그래도 추천 할 것입니다, 당신은 max-height 또는 max-width 및 overflow: hidden, 이것은 내용이 너무 와서 어디 scenerios 제어 할 단지입니다 설정 크고 오버 플로우가 숨겨진 스크롤바를 막을 것입니다

출처

2012-10-05 16:39:53

jQuery에는 불행히도 크로스 도메인 HTML을 검색하는 데 사용할 수없는 .load()라는 함수가 있습니다.

AJAX GET을 호출하여 HTML을 검색하여 div에 넣을 수 있습니다.

아니면이 모드를 시도 할 수는 : http://james.padolsey.com/javascript/cross-domain-requests-with-jquery/

출처

2012-10-05 16:45:02

이 확대 아닌 div하지만 object 아니다. 그 문제를 해결하는 것을 시도하십시오 - 내가 iframe이 함께 같은 일을 한 DEMO

html, body { 
    height: 100%; 
} 

div { 
    height: 99%; 
} 

object { 
    width: 100%; 
    min-height: 100%; 
}

출처

2012-10-05 16:45:53

div에 외부 웹 페이지로드 및 높이 조절

답변

관련 문제