VerticalMenu installation

To install VerticalMenu you have to do the following:

  1. Copy VerticalMenu.jar.
  2. Put the following code in your html page:

<applet code="VerticalMenu.class" archive="VerticalMenu.jar" width="190" height="275">

// Copy Right Value, Must be Jordan Markets Software Solutions
<param name="copyright" value="Jordan Markets Software Solutions">

// mainitemscount : the number of main menu bars in the applets
<param name="mainitemscount" value="3">

// levelscount : the number of Maximum level you have in the applet.
<param name="levelscount" value="3">

// imagecount: number of images used in the applet.
<param name="imagecount" value="7">

// Loading message parameter
<param name="loadingmsg" value="Wait, Loading...">

// back ground image number parameter, 1 means that the back image to use is img1

// parameter.

<param name="bgimgnumber" value="1">

// back ground color parameter
<param name="menubgcolor" value="000000">

// show slow drop down effect parameter yes or no
<param name="showanimation" value="yes">

// animation speed for the effect 1 is very slow 10 is faster and so on.
<param name="animationspeed" value="4">

// insert separators in the drop down menu (yes,no)
<param name="insertseparators" value="yes">

// images used in the applet, must be the same count of imagecount parameter
<param name="img1" value="images/d1-1t.gif">
<param name="img2" value="images/d1-2.gif">
<param name="img3" value="images/d1-3.gif">
<param name="img4" value="images/d1-4.gif">
<param name="img5" value="images/d1-5.gif">
<param name="img6" value="images/d1-6.gif">
<param name="img7" value="images/d1-7.gif">

// Level 0 font name, ignore all level0xxxx parameters if you will use image for the
// First level.
<param name="level0font" value="TimesRoman">

// Level 0 font size.
<param name="level0fontsize" value="11">

// Level 0 font style (0 normal, 1 bold, 2 italic, 3 bold italic)
<param name="level0fontstyle" value="0">

// Level 0 back ground color.
<param name="level0bgcolor" value="ffffff">

// Level 0 text color.
<param name="level0textcolor" value="000000">

// Level 0 back ground color on mouse hover.
<param name="level0bghovercolor" value="c0c0c0">

// Level 0 text color on mouse hover.
<param name="level0texthovercolor" value="0c0c0c">

// Level 0 border color.
<param name="level0bordercolor" value="00ffff">

// Level 0 text align, (l left, r right, c center).
<param name="level0textalign" value="l">

// Level 0 up spacing for items in this level.
<param name="level0upspacing" value="1">

// Level 0 down spacing for items in this level.
<param name="level0downspacing" value="1">
<param name="level1font" value="TimesRoman">
<param name="level1fontsize" value="12">
<param name="level1fontstyle" value="1">
<param name="level1bgcolor" value="c0c0c0">
<param name="level1textcolor" value="000000">
<param name="level1bghovercolor" value="c0c0c0">
<param name="level1texthovercolor" value="013CE5">
<param name="level1bordercolor" value="013CE5">
<param name="level1textalign" value="l">
<param name="level1upspacing" value="0">
<param name="level1downspacing" value="0">
<param name="level2font" value="TimesRoman">
<param name="level2fontsize" value="12">
<param name="level2fontstyle" value="0">
<param name="level2bgcolor" value="c0c0c0">
<param name="level2textcolor" value="000000">
<param name="level2bghovercolor" value="c0c0c0">
<param name="level2texthovercolor" value="013CE5">
<param name="level2bordercolor" value="013CE5">
<param name="level2textalign" value="l">
<param name="level2upspacing" value="0">
<param name="level2downspacing" value="0">


<!-- images maping -->
// first main menu bar image number to be used.
<param name="menubar0image" value="2">

// first main menu bar image number to be used on mouse hover.
<param name="menubar0imagehover" value="5">

// the x position for the first image on the applet.
<param name="menubar0imagex" value="0">

// the y position for the first image on the applet.
<param name="menubar0imagey" value="40">

// the first main menu bar image width.
<param name="menubar0imagewidth" value="189">

// the first main menu bar image height.
<param name="menubar0imageheight" value="33">

// Same as menu bar 0 above.
<param name="menubar1image" value="3">
<param name="menubar1imagehover" value="6">
<param name="menubar1imagex" value="0">
<param name="menubar1imagey" value="110">
<param name="menubar1imagewidth" value="190">
<param name="menubar1imageheight" value="34">
<param name="menubar2image" value="4">
<param name="menubar2imagehover" value="7">
<param name="menubar2imagex" value="0">
<param name="menubar2imagey" value="208">
<param name="menubar2imagewidth" value="190">
<param name="menubar2imageheight" value="34">

// the data for the menuitem-X, its contains many parameters separated by | as the
// following:
// MenuItemText | MenuItemLink | MenuItemTarget | MenuItemStatusBarShow
<param name="menuitem-0" value="|||">

// Note use the Parameter colored in Red if and only if you have submenu in the

// item.
//the menu dropdown style: you have the following styles:
// 0 : up to down
// 1 : right up corner to left down corner
// 2 : right to left
// 3 : right down corner to left up corner
// 4 : down to up
// 5 : left down corner to right up corner
// 6 : left to right
// 7 : left up corner to right down corner
<param name="
menuitem-0.dropstyle" value="0">

// Sub Menu items count in this menu
<param name="
menuitem-0.itemscount" value="3">

// the x shift value from the staring map coordinates
<param name="
menuitem-0.xshift" value="23">

// the y shift value from the staring map coordinates (or the parent if its sub menu)
<param name="
menuitem-0.yshift" value="26">

// the first sub menu data ,, and so on.
<param name="menuitem-0-0" value="Visit Us|http://store.eSellerate.net/s.asp?s=STR212984678|_blank|Vist our site">
<param name="menuitem-0-1" value="Download All Products|http://store.eSellerate.net/s.asp?s=STR212984678|_blank|Download our applet colloection">
<param name="menuitem-0-2" value="Purchase Applet|http://store.eSellerate.net/s.asp?s=STR212984678|_blank|Vist our site">

<param name="menuitem-1" value="|||">
<param name="menuitem-1.itemscount" value="3">
<param name="menuitem-1.dropstyle" value="0">
<param name="menuitem-1.xshift" value="23">
<param name="menuitem-1.yshift" value="28">

<param name="menuitem-1-0" value="Navigation Menus|||">
<param name="menuitem-1-0.dropstyle" value="7">
<param name="menuitem-1-0.itemscount" value="3">
<param name="menuitem-1-0.xshift" value="30">
<param name="menuitem-1-0.yshift" value="5">
<param name="menuitem-1-0-0" value="Fade Effect Menu|http://store.eSellerate.net/s.asp?s=STR212984678|_blank|Tree Menu Applet">
<param name="menuitem-1-0-1" value="Vertical Menu|http://store.eSellerate.net/s.asp?s=STR212984678|_blank|Tab Menu Applet">
<param name="menuitem-1-0-2" value="Scroll Menu|http://store.eSellerate.net/s.asp?s=STR212984678|_blank|Vertical Menu Applet">

<param name="menuitem-1-1" value="Charting Applets||content|">
<param name="menuitem-1-1.dropstyle" value="6">
<param name="menuitem-1-1.itemscount" value="2">
<param name="menuitem-1-1.xshift" value="30">
<param name="menuitem-1-1.yshift" value="18">
<param name="menuitem-1-1-0" value="Pie Chart|http://store.eSellerate.net/s.asp?s=STR212984678|_blank|3D Animated Pie Char Applet">
<param name="menuitem-1-1-1" value="Bar Chart|http://store.eSellerate.net/s.asp?s=STR212984678|_blank|3D Animated Bar Chart Applet">
<param name="menuitem-1-1-2" value="Bar Chart Pro|http://store.eSellerate.net/s.asp?s=STR212984678|_blank|3D Animated Bar Chart Applet">

<param name="menuitem-1-2" value="Other Applets|||">
<param name="menuitem-1-2.dropstyle" value="5">
<param name="menuitem-1-2.itemscount" value="2">
<param name="menuitem-1-2.xshift" value="30">
<param name="menuitem-1-2.yshift" value="26">
<param name="menuitem-1-2-0" value="News Ticker|http://store.eSellerate.net/s.asp?s=STR212984678|_blank|News Scroll applet">
<param name="menuitem-1-2-1" value="List View|http://store.eSellerate.net/s.asp?s=STR212984678|_blank|Text Effect Applet">

<param name="menuitem-2" value="|||">
<param name="menuitem-2.itemscount" value="2">
<param name="menuitem-2.dropstyle" value="4">
<param name="menuitem-2.xshift" value="23">
<param name="menuitem-2.yshift" value="25">

<param name="menuitem-2-0" value="Visit Support Site|http://store.eSellerate.net/s.asp?s=STR212984678|_blank|Visit contact page">
<param name="menuitem-2-1" value="Email Support|mailto:support@tools-soft.com|_blank|send e-mail to support@tools-soft.com">

</applet>

If you have any questions or you want any help, see the sample HTML Page, or contact our support department @ support@tools-soft.com