ansaurus

Question

How to append a DIV Banner Block to a HTML Page using jQuery

Answer 1

+2 A:

The cleaner way would be having class in html or body tag, which you switch after 'detaching' iframe. While page is in iframe class is for example 'in-iframe'.

And you have CSS like:

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

So the banner will be actually always on the page, but sometimes it will be hidden.

IFrame html (note link with anchor for iframe):

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

Report page html:

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

Qwerty 2010-02-15 04:02:06

Thanks Qwerty, but could you pls provide an example on how to perform the switch between classes? Thanks.

tonsils 2010-02-15 04:05:11

I'm guessing that Qwerty meant the following: in your window.open switching thing, add the following: `$(".in-iframe").show();`.

Maxim Zaslavsky 2010-02-15 04:11:13

Hi, I'm still confused as to how to apply Qwerty's approach? A detailed example would be most appreciated. Thanks again.

tonsils 2010-02-15 04:54:45

tonsils, actually if you use some kind of script for generating pages, you could just add additional param to skip your banners. For example iframe src=http://example.com/report/xxx/?hidebanner=1. When user opens page without '?hidebanner=1' part you keep banners. Also see JS approach in updated answer.

Qwerty 2010-02-15 05:07:43

ansaurus

tags:

views:

answers:

How to append a DIV Banner Block to a HTML Page using jQuery

related questions