| Web Menus | Expand Menu Studio Construct and maintain multi-level menus with this complete menu solution. Includes a menu editor and 50 menu design templates.
Read More...
Mercury Buttons Dynamically build graphical web buttons and tabs in just minutes. No images required!
Read More...
Fission Menu Quickly turn a single image into a stylish themed panel of web buttons with the minimum of effort!
Read More...
eXpand The classic 2-level menu applet. Dynamically expand sub-menus as you move over top-level menus.
Read More...
| | Banners | Spotlight Banner Create fantastic eye-catching lighting effects with the Spotlight applet.
Read More...
| | Security | Abstract e-mail Abstract offers a truly simple solution to protecting e-mail addresses on your site.
Read More... | | | Mercury - Build Lightweight Web Menu Buttons And Tabs In Minutes
 | 8. Deploying Menus | |
8.1 Uploading Menus After purchasing Mercury, you'll want to implement a menu in your web pages. Before we explain how to do this, we'll discuss a few key concepts.
How Mercury Menus Work The Mercury menu is a Java applet. It a pre-compiled component that holds all the programmatic code required to operate your menu. This is held in a file called 'WibbleMercury.class'. When you purchase Mercury, you'll receive a new installation that contains a licensed version of this file.
The 'WibbleMercury.class' file needs to be uploaded to your web server. When a visitor views one of your pages, the 'WibbleMercury.class' file on your web server is downloaded and run on their PC (this all happens invisibly to the user - as long as they have Java installed). It uses the parameter information you've provided in your web page script to figure out the style of the buttons, which menu items to list, and where the URL links should point to.
The 'WibbleMercury.class' file is located in the 'C:\Program Files\Wibbleware\Mercury\' folder on your hard drive. We'd recommend uploading the file into the root web folder on your web server.
Other Files Require Uploading Of course, in addition to all these files, you'll also need to upload the web file you've created containing the applet script.
Examples We'll step through a few scenarios and detail where the files could be placed and the effect it has on the web page script. For our examples, we'll our main web page is called 'main.htm' and a secondary page is called 'secondary.htm'.
To keep the focus on specifi elements here, in the script examples we'll only display the <applet> tags and menu parameters.
Scenario #1 The easiest (but messiest) thing to do is to simply copy all your files up into your public HTML folder on your web server. If you did this, the folder would contain the following:
/Public_HTML WibbleMercury.class main.htm secondary.htm
The 'main.htm' and 'secondary.htm' web files would both contain the following script to invoke the Mercury menu:
| |  | <applet code="WibbleMercury.class" height=270 width=160>
...other parameters... <param name="Menu_Desc_1" value="Main"> <param name="Menu_Addr_1" value="main.htm"> <param name="Menu_Desc_2" value="Secondary"> <param name="Menu_Addr_2" value="secondary.htm">
</applet>
|  |
| |
As mentioned, this is simple but a little messy. Generally, files are grouped into different folders for ease of maintenance.
Scenario #2 For our second scenario, imagine that the web pages are located in different folders. We'll create a 'misc' folder and place the 'secondary.htm' file into it:
/Public_HTML WibbleMercury.class main.htm /Public_HTML/misc secondary.htm
This has an effect on the script for the menu. The main.htm script needs to be changed to reference the 'misc' folder when linking to the 'secondary.htm' page:
| |  | <applet code="WibbleMercury.class" height=270 width=160>
...other parameters... <param name="Menu_Desc_1" value="Main"> <param name="Menu_Addr_1" value="main.htm"> <param name="Menu_Desc_2" value="Secondary"> <param name="Menu_Addr_2" value="misc/secondary.htm">
</applet>
|  |
| |
However, a change also needs to be made to the 'secondary.htm' script. When it tries to invoke the Mercury menu, it is now no longer in the same folder as the 'WibbleMercury.class' file.
It needs to use the special 'CODEBASE' applet property to refer to the previous folder to fully specify where the 'WibbleMercury.class' file is. It uses the standard relative addressing value of '../' to step back to the previous folder:
| |  | <applet code="WibbleMercury.class" codebase="../" height=270 width=160>
...other parameters... <param name="Menu_Desc_1" value="Main"> <param name="Menu_Addr_1" value="main.htm"> <param name="Menu_Desc_2" value="Secondary"> <param name="Menu_Addr_2" value="misc/secondary.htm">
</applet>
|  |
| |
One important thing to notice here is that the menu URLs do not change, even though the 'secondary.htm' file has been moved into another folder. This is because the menu URLs are based on the location of the 'WibbleMercury.class' file, not the web page.
8.2 Case-Sensitivity You should be aware that URL references are generally case-sensitive on UNIX-based platforms. So, for instance, the URL 'main.htm' would not load a page called 'MAIN.htm'.
To complicate matters, Windows does not make this distinction. So, projects that work fine on local drives may suddenly fail when uploaded to your web server.
So, always double-check your URL references carefully!
| | | News | [April 2009] Free! As of today, 4th April 2009, all software on the site is completely free! And there's no more pesky AdSense to avoid either!
[March 2006] EMS v2.4 Bundled with a GUI editor and 50 menu designs, this updated multi-level menu makes professional site navigation a breeze...
Read More... [March 2005] Product Updates A number of product updates have been made...
Read More...
[April 2004] Mercury v1.3 Two for one - Mercury can now create buttons AND tabs...
Read More...
[April 2004] Fission v1.1 An update to Fission navigation menu, our alternative to HTML imagemaps...
Read More...
[March 2004] Web Page Design A beginners guide to designing web pages...
Read More... | |