Getting Started             

If this page looks like a painful read, you may prefer to use HyperActiveMenu Plus Designer, a 32-bit Windows® utility that provides a friendly visual interface for adding HyperActiveMenu Plus to your page, with built-in page previewing and easy editing of an existing <APPLET> tag.
  1. Place the program files (HyperPlus.jar, HyperPlus.cab and ryHyperPlus.class) in the directory containing the HTML document into which you want to insert the applet (or into a different directory, and add the correct CODEBASE= attribute to the applet tag given below).

  2. Add the following applet tag to your HTML document in the position you want HyperActiveMenu Plus to appear:
    <APPLET CODE="ryHyperPlus" ARCHIVE="HyperPlus.jar" WIDTH=160 HEIGHT=300>
    <param name=Copyright value="HyperActiveMenu Plus (c) 1999 Cool Focus [www.coolfocus.com]">
    <param name=CabBase value="HyperPlus.cab">

    <!-- Color Options -->
    <param name=BgColor value="000000">
    <param name=BgImage value="images/reddrops.gif">
    <param name=ButtonColor value="C0C0C0">
    <param name=LabelColor value="606060">
    <param name=LabelFocusColor value="C00000">
    <param name=LabelPressColor value="600000">
    <param name=LabelSelColor value="C000C0">
    <param name=LabelSelReact value="yes">
    <param name=MenuColor value="C0C0C0">
    <param name=EntryColor value="606060">
    <param name=EntryFocusColor value="C00000">
    <param name=EntryPressColor value="600000">
    <param name=EntrySelColor value="C000C0">

    <!-- Font Options -->
    <param name=LabelFont value="Dialog,plain,12">
    <param name=LabelFocusBold value="yes">
    <param name=LabelStickyBold value="yes">
    <param name=EntryFont value="Dialog,plain,12">
    <param name=EntryFocusBold value="yes">
    <param name=EntryStickyBold value="yes">

    <!-- Display Options -->
    <param name=LabelAlign value="left">
    <param name=EntryAlign value="center">
    <param name=ButtonHeight value="27">
    <param name=ButtonImages value="images/images02.gif">
    <param name=Button3D value="yes">
    <param name=Menu3D value="yes">
    <param name=SubmenuOffset value="10">
    <param name=SubmenuLowered value="yes">
    <param name=SubmenuButtonized value="yes">
    <param name=UseDimmer value="yes">
    <param name=SelectedButton value="2">
    <param name=SelectedEntry value="4">
    <param name=ScrollAmount value="6">
    <param name=ScrollDelay value="10">

    <!-- Sounds -->
    <param name=SoundButtonDown value="sounds/buttondown.au">
    <param name=SoundButtonUp value="sounds/buttonup.au">
    <param name=SoundEntryDown value="sounds/menudown.au">
    <param name=SoundEntryUp value="sounds/menuup.au">

    <!-- General Options -->
    <param name=DefaultTarget value="_top">
    <param name=UseHandCursor value="yes">
    <param name=Name value="hyperplus1">
    <param name=Satellites value="no">

    <!-- Labels for 6 buttons -->
    <param name="1-Label" value="First Button">
    <param name=1-URL value="button1.htm">
    <param name=1-Target value="_self">
    <param name="2-Label" value="Second Button">
    <param name="2-URL" value="javascript:window.status='Hello!'">
    <param name="3-Label" value="Third Button">
    <param name="4-Label" value="Fourth Button">
    <param name="5-Label" value="Fifth Button">
    <param name="6-Label" value="Sixth Button">

    <!-- Entries on Button1's menu -->
    <param name=1-Entry1 value="Brief Introduction">
    <param name=1-URL1 value="intro.htm">
    <param name=1-Entry2 value="What's New?">
    <param name=1-URL2 value="new.htm">
    <param name=1-Entry3 value="-">
    <param name=1-Entry4 value="Contact Us">
    <param name=1-URL4 value="contact.htm">

    <!-- Entries on Button2's menu -->
    <param name=2-Entry1 value="PowerMenu">
    <param name=2-URL1 value="pmenu.htm">
    <param name=2-Entry2 value="HotStrip">
    <param name=2-URL2 value="../HotStrip/hot.htm">
    <param name=2-Entry3 value="Tree Menus">

    <!-- Submenu entries that appear when 2-Entry3 is clicked -->
    <param name=2-3-Entry1 value="TreeView">
    <param name=2-3-URL1 value="treeview.htm">
    <param name=2-3-Entry2 value="TreeView Professional">
    <param name=2-3-Entry3 value="Elevator">
    </APPLET>

  3. Edit the first 5 blocks of parameters above to determine how the applet appears and reacts to mouse movement and clicks.

  4. Edit the button labels in the next block, and remove any button parameters not required, or add more buttons following the same numeric pattern, and add or alter the URL and Target parameters as needed. (For clarity, we've only included URL and Target parameters for a very few of the Label and Entry items on the menu in the code above, since they follow the same numeric pattern as the Label and Entry parameters themselves.)

  5. Both Button1 and Button2 display a main menu when clicked, and the entries on those menus are created in the next two blocks of parameters. Once again, edit/add/remove as required. (Notice that 1-Entry3 is a separator, entered using a hyphen. Separators do not react to the mouse and therefore have no URL associated with them.)

  6. The final block of parameters creates a submenu that appears when 2-Entry3 is clicked. This is purely an example, of course - we could create submenus for any or all main menu entries in a similar way. Notice that 2-Entry3 has no URL associated with it (2-URL3). Unlike buttons, which can display a menu and act as a direct link, main menu entries cannot do both so any 2-URL3 parameter we added would be ignored by the applet.

  7. After adding all the buttons and entries required, change the width and height of the applet to ensure that every button's text is readable, the lowest entries on each submenu can be seen, and the lowest of your buttons is still visible when your longest main menu is open.

  8. Full details and available options for all parameters are given in The Parameters Explained.