Getting the banner to act as a link.

[Blue Kitsune]

Forum URL: bluekitsune.proboards77.com


How do you program the banner to link back to the home page? Right now, it only acts as an image.

[Craig]

bluekitsune said:

Forum URL: bluekitsune.proboards77.com


How do you program the banner to link back to the home page? Right now, it only acts as an image.

<script type="text/javascript">
<!--
document.getElementsByTagName('img')[0].onclick = function () {location.href='url of link';}
// -->
</script>

In your global header.

[Blue Kitsune]

When I put that in - the website refreshed continuously...

[Craig]

Sorry, forgot a bit. try it now.

[Blue Kitsune]

It works - thanks! Just one more problem...nothing major - but when you put your mouse pointer over the banner, the link is there but the icon doesn't change to a hand...you know, the icon that shows you there is a link.

[frufru]

bluekitsune said:

It works - thanks! Just one more problem...nothing major - but when you put your mouse pointer over the banner, the link is there but the icon doesn't change to a hand...you know, the icon that shows you there is a link.

try this:

<script type="text/javascript">
<!--
document.getElementsByTagName('img')[0].onclick = function () {location.href='http://bluekitsune.proboards77.com/index.cgi';}
document.getElementsByTagName('img')[0].style='cursor:hand');
// -->
</script>

[Blue Kitsune]

Hmm...nope - it doesn't work. The direct link is now lost.

[frufru]

bluekitsune said:

Hmm...nope - it doesn't work. The direct link is now lost.

I made a syntax error... try this:

<script type="text/javascript">
<!--
document.getElementsByTagName('img')[0].onclick = function () {location.href='http://bluekitsune.proboards77.com/index.cgi';}
document.getElementsByTagName('img')[0].style='cursor:hand';
// -->
</script>

[Blue Kitsune]

Nope...still a mouse.

[frufru]

bluekitsune said:

Nope...still a mouse.

try this (I've tested it this time)

<style type="text/css">
.mouseoverbanner{
cursor: hand;
}
</style>
<script type="text/javascript">
<!--
document.getElementsByTagName('img')[0].onclick = function () {location.href='http://bluekitsune.proboards77.com/index.cgi';}
document.getElementsByTagName('img')[0].className='mouseoverbanner';
// -->
</script>

[Blue Kitsune]

Yes! It works! Thanks a bunch!

Next problem - how do you get rid of the "Hey *name* you have *number* messages" and just have the logo visible?

[frufru]

bluekitsune said:

Yes! It works! Thanks a bunch!

Next problem - how do you get rid of the "Hey *name* you have *number* messages" and just have the logo visible?

global headers:

<script type="text/javascript">
<!--
document.getElementsByTagName('td')[2].style.display="none";
//-->
</script>

[Blue Kitsune]

Sorry about the slow reply - but thanks! That helps so much!

[frufru]

bluekitsune said:

Sorry about the slow reply - but thanks! That helps so much!

you're welcome