내용로드 및 스타일 추가

Question

iFrames 또는 기본 jQuery로드 함수로는이 작업을 수행 할 수 없다는 것을 알고 있습니다. 따라서 'workaround'또는 더 나은 개념을 찾고 있습니다.

결제 프로세스 (길게 이야기)를 표시하려면 iFrame을로드해야하며 iFrame 콘텐츠가 너무 넓어야합니다. 스크롤하지 않고 콘텐츠 일부를 숨기거나 내부 콘텐츠를 크기 조정하여 900px 콘텐츠를 600px 크기의 상자에 맞출 수 있습니까?

하나의 옵션이 있는지 확실하지 않습니다. 그렇지 않으면 라이트 박스에 오버레이해야 할 수도 있지만 이는 이상적이지 않습니다.

EDIT : 내가 찾고있는 것이 내가 외부 링크에서 활성 링크 등을 보유하고있는 DIV에 콘텐츠를로드 할 수 있도록 해주는 크로스 브라우저 설정입니다. 아마도 가능하지 않을까요?

Answer 1

iframe에로드하는 페이지의 레이아웃에 대한 과감한 변경으로 인해 디자인 문제가 제기 될 것입니다. 그러나 그 페이지를 1/3로 더 좁게 만들고 부모 페이지와 동일한 도메인에서 iframe을 제공한다고 가정하면 대체 스타일 시트를 설정하고 iframe 문서에 추가 할 수 있습니다 . (하지 테스트) 부모 문서에서

:

var framedoc = frames['your_frame'].document; 
var framedoc_head = $(framedoc).find('head'); 
$('<link/>', { 
    rel : 'stylesheet', 
    type: 'text/css', 
    href: '/your_narrower_style_sheet.css' 
}) 
.appendTo(framedoc_head);