Presentation of Butts -- Net Art -- Beaverland Net - Net-Forum where web surfers buy things and gather technical information

Presentation of Butts

by Akira Kato

January 14, 2004

Can you match those famous posteriors with their rightful owners?

If you can, you must be an acute butt watcher. Although I like to watch charming behinds in the movies, I have absolutely no idea who own those shapely butts.

So, to help you solve the puzzle, I set up a self-teaching screen below. To see who owns each behind, simply click one of those posteriors.

AOL Women Fitness four butts
page (4butts.jpg--422x220)

June changes clothes (june376x.gif--182x378)

Here goes the code.

I assume that you know how to use the IMG tag. If not, please visit this page: How to Use an IMG Tag. (A new window will open up.)

As you see in the above code, you devide a single picture into five clickable or click-sensitive segments—not physically but programmatically.

You might wonder why five—not four—because the above picture shows only four butts. You will see why the above code set up five clickable segments if you click the white portion of the above picture.

If you want to know more about the USEMAP attribute, please visit this page: How to use <MAP> and <AREA> tags.

Once you set up those clickable segments, you then assign each picture or special instruction to the HREF attribute of each segment as shown in the above code.

When you want to use a Javascript code with the HREF attribute, you can write it in the following manner:

Click here!

<a href="javascript:alert('Thank you')">Click here!</a>

Click here!

<a href="javascript:void(0)">Click here!</a>

When you click the above link, you can see nothing happen. Your computer has, however, evaluated the contents of the parenthesis. Your machine has understood that it contains zero.

(To reset, please double-click the above!)

By the same token, if you click the above link, you see a rumbling truck.
In this case, your machine evaluates the contents, understanding that it contains an instruction. Therefore, it executes the following statement:

document.here.src='../images/drive.gif'

This statement will replace the “Click here!” icon with the rumbling truck.
Make sure that you name the icon—in this case, here—using the NAME attribute with the IMG tag.

Why do you use VOID( )
in the first place?

Good question!
As shown in the above example, you don’t use VOID( ) when you executes the ALERT( ) function or method.

When you write in the following manner, something weird will happen.

Please test it by yourself, clicking the link below:

(To get back here, please click the BACK button on your browser.)

As you see, your screen shows a string value (../images/drive.gif), instead of the rumbling truck.

To prevent this, you have to use the VOID method as shown previously, or you can add VOID(0) after the statement like this:

I think this is a Javascript bug.
Remember that no software is perfect because nobody is perfect.

Related Links