I was able to show or hide a DIV using javascript. However, after adding Adsense code within that DIV, I cannot hide the DIV anymore. Any idea how I can show it? many thanks

Why do you want to give the user the option to hide the ads?

And, while you're at it, some code would be pretty helpful as well.

- Steve

Hi Steve,

I want to protect my adsense from being bomb. So want to disable it if I have detected a certain IP has clicked on it for several time. However, for some reasons, I just not able to hide my DIV after pasting the Adsense code in it. Do you know how I can do it?

Originally Posted by stevej

Why do you want to give the user the option to hide the ads?

And, while you're at it, some code would be pretty helpful as well.

- Steve

What happens when you do this?

<div style="display: none">
<!--adsense code here-->
</div>

Originally Posted by Gamer12

However, for some reasons, I just not able to hide my DIV after pasting the Adsense code in it. Do you know how I can do it?

Well, I don't know HOW to do it, though I think wayfarer07's solution should work.

- Steve

Ok, I tested this out on one of my pages which has an Adsense ad: http://wayfarerweb.com/tooltip-examples.php

Click on the link with a white, dashed line around it on the right, which reads "hide advertisement". When you click on this link, it adds a style of "display: none" to the <p> which wraps the link-unit. As you can plainly see, this hides the advertisement.

Cool! WayFarer!!

How do you do that? I see this in the source for the "Hide Advertisement" link
<a id="hide-ad" href="#">Hide Advertisement</a>Cannot trace which js function is being called to add the "display:none"?

Many thanks

Originally Posted by wayfarer07

Ok, I tested this out on one of my pages which has an Adsense ad: http://wayfarerweb.com/tooltip-examples.php

Click on the link with a white, dashed line around it on the right, which reads "hide advertisement". When you click on this link, it adds a style of "display: none" to the <p> which wraps the link-unit. As you can plainly see, this hides the advertisement.

all DOM objects have a style object. Every style object has properties which represent CSS styles. Styles with dashes in them must be expressed in camelCase, because JavaScript does not allow dashes in property names (a dash would indicate subtraction).

Any time you have a DOM object, you could change its display like this:

domObject.style.display = "none";

The most common way to create a DOM object is with document.getElementById. The above example could become:

var domObject = document.getElementById("my-elements-id");
domObject.style.display = "none";

now, the variable domObject is a reference to the HTML element with an id="my-elements-id", and can be manipulated.

The way I did it in my example will not help you. If you're interested in seeing the code, it may be found here, among other things: http://wayfarerweb.com/js/common.js

See the line which reads:

$("#hide-ad").click(function() {$("#link-unit, p:has(#hide-ad)").hide(); return false;})

What you're looking at is jQuery code, which relies on the popular library. It is basically a quicker way of selecting and manipulating things.

Hi,
You're not altering the ad code in any way (which would be a violation),
the script will only replace the code if it is not functional anyway (i.e. the ad is not visible), it's not important how the ad was filtered. If the ad script cannot be executed because it simply cannot be loaded (by an entry in the HOSTS file) or if only the images are made invisible: The Ad script only kicks in if the ad could not be presented to the viewer. It's even possible to have the original ads replaced by locally hosted banners. This is useful to preserve the website design in case your visitor uses an AdBlock and you are using ads as design elements.
The DIV container:<div id="adsense"><script type="text/javascript">AdSense code goes here</script><noscript>Message displayed when JavaScript is disabled</noscript>
</div>

that's a good idea.. one way to avoid invalid clicks.. but make sure google allow it, to also avoid getting ban..

COOL thanks Way! it help my problem