You are welcome to distribute this file any way you like (well not SPAM please) as long as it stay complete and this message and my e-mail address stay in it.

mailto:jakob.aggernaes@get2net.dk

The script on this page is used to make images near a link blink on when the link is selected and disappear when the link is not selected. It works on the following browsers:

If you try it on another browser and it works without change just add that browsers name to the list. (And please send me the file so I will know.)

if You fiddle with it and manage to make it work on yet another browser please send me the new file but DO NOT distribute with the new browser added before I have checked that your changes have not made it invalid for use with one of the old browsers. I'll mail you.

When redistributing the file do it with the images below. Not with the ones you change it to for use on your pages. I hope (but do not demand) that you will find or make your own mini-gifs to show. .jpg images can be used too.

rude: rude6060.gif purpfuzz: purpfuzz6060.gif

Blinking Links for Alea

The Pulpit.
This is a sample link. It does not lead anywhere.

Programming.
This link, like the other one do not lead anywhere.

Below I repeat the code for this page. It is in two parts. the first part is to go in at the top of the page before any of the links you want to have a blinking picture near.

Anywhere you see an underscore in the tables below, you should write a "less than" sign ( < ) instead. Everywhere. 


_SCRIPT LANGUAGE="JavaScript"> 
_!-- hide >

imgWidth  = 60 
imgHeight = 60

browserOk = false;
if ( ( parseInt(navigator.appVersion)>=4 )
  || ( navigator.appName == "Netscape"   ) )
  browserOk = true;

function billeder () {
// rude is the 'invisible' picture
   this.rude = new Image(imgWidth,imgHeight)
   this.rude.src = "https://members.tripod.com/~jakagg/rude6060.gif"
// blink is the 'picture' that pops up
   this.blink = new Image(imgWidth,imgHeight)
   this.blink.src = "https://members.tripod.com/~jakagg/purpfuzz6060.gif"
// You can put in more pictures here.
   return this;
}

A6060 = 0;
if (browserOk)
  A6060 = new billeder;

function showGif(navn, id) {
  if (browserOk)
    eval( "document.images." +navn +".src = A6060."+id+".src");
  return true;
}
function showRude(navn) {
  if (browserOk)
    eval( "document.images." +navn +".src = A6060.rude.src" );
  return true;
}

//--> _/SCRIPT>

For each and every link you have on the page you then place 2 extra parameters in the <A href=... tag (the address after href= just say the same as it is now) these 2 parameters are added in the A href= tag: 


	onMouseover=showGif('link1','blink')
	onmouseout=showRude('link1')

The 'blink' used abowe refers to an image in the javascript array billeder.

By extending the array with yet another picture (same size as usual) you can give a name to the added picture (fx: 'blink2') to make some links show the first picture, and others show the new one.

Also in each link just before the /a tag you add a picture in the format: 


_img
 src='members.tripod.com/~jakagg/rude6060.gif'
 name='link1' width=imgWidth
 height=imgHeight border='0'>

Note that in the image there is an name= parameter that must have a value unique for each link. I called this one link1. The same name appear in both the onMouse... parameters in the A tag.in the next link you use fx 'link2' in all 3 places, etc.

The border=0 parameter in the img tag keeps you from getting a link-colored line around the image.

The height and width parameters should be the height and width of the image and exactly the same as the values used in function billeder in the Javascript section abowe.

The name of the picture file "rude6060.gif" does not refer to beeing obnoxious. Rude is the danish word for a sheet of glass. It is a transparent image of exactly the same size as the other image(s). You might wish to us another image instead.

So all together the 2 links above look like: 


_A HREF="http://???/thepulpit.html"
	onMouseover=showGif('link1','blink')
	onmouseout=showRude('link1')>The Pulpit.
_img
 src='https://members.tripod.com/~jakagg/rude6060.gif'
 name='link1' width=imgWidth height=imgHeight border='0'>
_/a>
This is a sample link. It does not lead anywhere.

_A HREF="http://???/programmering.html"
	onMouseover=showGif('link2','blink')
	onmouseout=showRude('link2')>Programming.
_img
 src='https://members.tripod.com/~jakagg/rude6060.gif'
 name='link2' width=imgWidth height=imgHeight border='0'>
_/a>
This link, like the other one do not lead anywhere.

I wil leave it as an exercise for the student to figure out how the third link should look.

To make this page look properly professional i have included an advertisment (as if this was so good someone was willing to pay me for having an ad here):

"The Postman"
A fine book by David Brin.

Have fun.

JakobA