Offline Documentation :
Microsoft Word Document :
jonetMenu2.doc (75k)
Text Document : jonetMenu2.txt
(14k)
Online Documentation :
HTML Example
<applet code="jonetMenu2.class" width=94 height=140>
<param name="startpos" value="1">
<param name="picheight" value="26">
<param name="speed" value="80">
<param name="pause" value="4000">
<param name="orientation" value = "1”">
<param name="direction" value="up">
<param name="userscroll" value = "yes">
<param name="image_1" value="myImage1.GIF">
<param name="image_2" value="myImage2.GIF">
<param name="url_1" value="http://www.mywebsite.com">
<param name="url_2" value="http://www.mywebsite.com">
<param name="target_1" value="_blank">
<param name="target_2" value="_blank">
</applet>
Installation and Configuration
Download the class file. Use the "Buy Now" button
above. Copy the above code (in bold) into your HTML
(note, not the content) of your web page, then copy the class
file into the same directory. Copy your image
files to the same directory.
You can have any number of image files, but they must all have the same
height and width. Change the width (vertical list) or height
(horizontal list) of the applet to be the same as width or
height of your images (in pixels).
We suggest that the height (vertical list) or width (horizontal list) of
the applet is a multiplier of the image height (or width,
accordingly). So if you have a vertical list of images, and
the images are 25 pixels tall, the applet should be something
like 100 pixels high (for 4 images on screen at any one time)
or 125 pixels high (for 5 images on screen at any one time)
and so on. You don’t have to do this, but it gives the best
effect.
There can be many more images than the height / width of the applet ...
they will scroll round in turn (e.g. you may have 4 images on
display at any one time, but 20 in the list of images to
display).
Images can be .GIF files or .JPEG files, created in a package such as
Microsoft Paint. GIF files are smaller and quicker to load,
but JPEG files allow more colours.
You can customise your applet further by changing the
following parameters (some of which are optional, i.e. can be
omitted) :
| startpos
|
The first image to display. Set to 1 for the first image
to start scrolling with. |
| picheight
|
The height in pixels of each image. This must be the same
for all images ! Only use if your images are listed
vertically, i.e. orientation = 1 |
|
picwidth |
The width in pixels of each image. This must be the same
for all images ! Only use if your images are listed
horizontally, i.e. orientation = 2 |
| speed |
The lower the number the faster the scroll. Obviously,
the higher the number the slower the scroll ! Minimum 1
for fastest scroll, however some browsers may experience
occasional flickers at values less than 10. |
| pause |
(optional) the pause time in 1/1000ths of a second (e.g.
4000 = 4 secs) before the menu moves on to the next
image. Leave this parameter off totally (i.e. do not have
this line of HTML) for constant scrolling, or set to “0”. |
| direction
|
"up", "down", “left”, “right” or “none” accordingly. The
direction of automatic scroll. See below for further
information. |
|
orientation |
“1” for a vertical list of images, “2” for a horizontal
list of images. See below for further information |
|
userscroll |
“yes” or “no. Do you want the user to take over control
of the scroll. See below for further information. |
|
image_n |
a list of the menu images, starting at 1.
You must have at least 2 images, but may have as many as you
like |
| url_n |
the URL to go to
if the user clicks on the menu option. |
| target_n
|
the target window
to open the URL in. Valid values of _top _self
_parent or _blank. |
Note : picheight and picwidth are exclusive, in other
words you will only have one OR the other (depending on your
orientation value)
Note : there must be one url_n and one target_n
parameter for every image_n parameter, as shown above, for
example :
<param
name="image_8" value="mypic.jpg">
<param name="url_8" value="www.this.com">
<param name="target_8" value="_blank">
So, if you have 5 images being displayed you will have
five parameters called image_1 through image_5,
five parameters called url_1 through url_5 and
five parameters called target_1 through target_5.
We recommend, for clarity of reading the HTML, that all
the image parameters are grouped together, and all the url and
target parameters are grouped together, however this is not
necessary for the applet to work.
User Scroll
: You can allow the user to take over control of the scroll at
any point by setting the parameter “userscroll” to “yes”.
This means that when the user moves their mouse over the
applet, to use the vertical scroll option as an example, when
they move their mouse to the top of the list, the images will
scroll down, and when they move their mouse to the bottom of
the list, the images will scroll up.
The scroll is graduated, so that the closer the user
moves their mouse to the edge of the applet, the faster the
images will scroll. There are two “steps”, or graduation to
the speed of scroll. When the user has the cursor within 15%
of the edge of the applet, the images will scroll at the speed
set by your “speed” value. When the user has the cursor
within 16%-30% of the edge of the applet, the images will
scroll at double the value set by your “speed” value (i.e. at
half speed)
Orientation
/ Direction : If you have a vertical (1) list of
images, it is natural to assume you will want to automatically
scroll up or down. If you have a horizontal (2) list of
images, you will probably want to scroll left or right. There
is the possibility of having no automatic scroll at all, by
setting the direction to “none”. In this situation, the list
of images will appear static upon load … it is only when the
user moves the mouse over the applet that the list of images
will start to scroll.
Version : 2.0
Date : May 2004
Known bugs : none
Color Hex Values and URL Target Values
More information on calculating color hexadecimal values
and what URL Target window values mean can be found
here.
Download Demo
There is a demo version which you can use to try out the
applet before purchasing. Demo version is fully
functional, but every URL will
point to this page (not the page you specify). Replace
the name of the class in the html above with
jonetMenu2Demo.class Download here :
jonetMenu2Demo.class
[home] [products]
[site map]
[license
information]
[support]
[links] | 
