jQuery를 사용하여 HTML 페이지에 DIV 배너 블록을 추가하는 방법

jQuery 1.3.2를 사용하고 있는데 다음과 같은 결과를 얻을 수 있는지에 대한 도움이 필요하면 궁금합니다. 좋은 예가 될 것입니다.jQuery를 사용하여 HTML 페이지에 DIV 배너 블록을 추가하는 방법

기본적으로 사용자에게 보고서를 표시하는 iframe src 페이지가 있습니다. 이제는 iframe에 있기 때문에 해당 페이지에는 배너가 없지만 사용자가 iframe을 window.open을 사용하여 새 브라우저 창으로 분리하여 더 많은 정보를 볼 수 있도록 허용합니다.

내 질문은 iframe 페이지를 새 브라우저로 열 때 HTML 페이지를 조작하고 배너 본문이 포함 된 div 섹션을 추가해야합니다.

기본적으로이 div에는 회사 배너 (로고 및 이름)가 있습니다. 사용자가 iframe에서 페이지를 분리 할 때 페이지 상단에 부착하는 방법이 필요합니다.

이 작업을 수행하는 방법에 대한 도움을 주시면 감사하겠습니다.

감사합니다.

출처

2010-02-15 tonyf

, 당신은 window.open 일을 어떻게? 약간의 코드를 게시 할 수 있습니까? 좋은 질문 btw! –

안녕하세요 Maxim Z. 기본적으로, 다른 스레드에서 내가 stackoverflow 사람들로부터 도움을 받았어 기본적으로 window.name 나는 window.open 함수에 두 번째 매개 변수로 할당하고 내 필요한 URL, 즉 창을 통과 확인 .open (new_url, 'dtchWin', '스크롤바 = 예, 툴바 = 아니오, 메뉴 모음 = 아니요, 상태 = 아니요, 크기 조정 = 예'); 희망이 도움이됩니다. – tonyf

더 깨끗한 방법은 html 또는 body 태그에 클래스를 사용하는 것입니다.이 태그는 iframe을 '분리'한 후 전환됩니다. iframe 클래스의 페이지는 'in-iframe'과 같습니다.

그리고 당신은이 같은 CSS :

.in-iframe #banner, .in-iframe #footer { 
    display: none; 
}

그래서 배너 페이지에 실제로 항상있을 것입니다,하지만 때로는이 숨겨집니다.

의 iframe HTML (iframe 대응 앵커 참고 링크) :

<iframe src="/report/xxx/#hidebanner"></iframe> 
<a href="/report/xxx/" target="_blank">open report in separate window</a>

보고서 페이지의 HTML : 나는 궁금하네요

... 
<html> 
... 
<body> 
<script> if (location.hash == '#hidebanner') { $('body').addClass('in-iframe'); } </script> 
...

출처

2010-02-15 04:02:06 Qwerty

Thanks Qwerty,하지만 당신은 pls 클래스 사이의 전환을 수행하는 방법에 대한 예제를 제공 할 수 있습니까? 감사. – tonyf

나는 Qwerty가 다음과 같은 것을 의미 했었다고 생각한다 : window.open switching thing에 다음을 추가한다 : $ ("in-iframe"). show();'. –

안녕하세요, Qwerty의 접근 방식을 적용하는 방법에 대해 여전히 혼란 스럽습니다. 상세한 예제가 가장 높이 평가 될 것입니다. 다시 한번 감사드립니다. – tonyf

jQuery를 사용하여 HTML 페이지에 DIV 배너 블록을 추가하는 방법

답변

관련 문제