Shopping cart software for Dreamweaver, Frontpage, CSS and Expression Web templates 

Mobile Site | UK Store
Ecommerce Templates
Shopping cart software

Home > General Help > DHTML menu help

DHTML menus

The templates with the DHTML menus incorporated have detailed instructions included with the download so using them should be quite simple but there are a few points here you might want to check through if you should run into any problems.

NOTE
Please note that a new version of the pop-out menu was made available in June 2006. A default delay is now set automatically, but you can also change this with for instance...
mymenu.setdelay(800)
...setting the delay time in milliseconds.
Also, you can set a rollover color for the menu cells with for instance...
mymenu.mainmenucolorov("#E0E0FF")
mymenu.submenucolorov("#E0E0FF")

You can also have the root categories showing in the main menu rather than the one link to categories.asp / .php as before. To do this follow the instructions below:

ASP Version

Find the line . . .

mymenu.addMenu("products","O PRODUCTS", "categories.asp")

and replace it with . . .

<% menucategoriesatroot=1 %>
<!--#include file="vsadmin/inc/incmenu.asp"-->

Find this line . . .

<!--#include file="vsadmin/inc/incmenu.asp"-->

and replace it with...

<%
writesubmenus()
%>

PHP Version

Find the line . . .

mymenu.addMenu("products","O PRODUCTS", "categories.php")

and replace it with . . .

<?php $menucategoriesatroot=1; ?>
<?php include "vsadmin/inc/incmenu.php" ?>

Find this line . . .

<?php include "vsadmin/inc/incmenu.php" ?>

and replace it with...

<?php
writesubmenus();
?>

Those who have products with a menu will automatically get an updated version when you get the updaters.

General help

- Why am I getting an error?
- Are the DHTML menus completely cross-browser compatible?
- Can I use the menu in my frames page?
- Why do I get a gray line in the menus when viewing in Netscape?
- How do I change the link colors?
- Can I use graphics in the menu?
- Can I see some examples of how the menus work?
- Why do I get a page not found when linking?

Pop-Out Menu help

- What does "POT menu is undefined" mean?
- How do I open a page in a new window?
- How do I get a text rollover effect if a section name is not a link?
- How do I get rid of the default help links and corresponding pop-outs?
- How do I set up the product and category links manually?


General help

Why am I getting an error?
If the menu isn't working correctly the first thing to check is that the paths are correct to the .js file and the clearpixel.gif. Make sure that section names correspond to sub-section names. Preview the page in a browser to check rather than HTML view in Frontpage or Design View in Dreamweaver. Be sure the browser you are using supports DHTML. The .js file and clearpixel.gif must be in the root of your web.

Are the DHTML menus completely cross-browser compatible?
The menus have been tried and tested in Netscape 4.7+ including Netscape 7, Microsoft Explorer 4+, Firefox and Opera - this accounts for about 98% of the browser market.

Can I use the menu in my frames page?
As a frameset is made up of separate pages the menu will show on the one page it is placed on and so will not "jump" over the frame to a different page.

Why do I get a gray line in the menu when viewing in Netscape?
The reason here is a missing clearpixel.gif in the root of your web or possibly the path to the image is wrong.

How do I change the link colors?
The link colors and underlines are determined by the Stylesheet. Changing the Hex values will change the color of the links.

Can I use graphics in the menus?
It is possible to add a small graphic before the menu links. Some of the templates use text such as "O" but you can make your own little graphic.

PHP Version
If the menu already uses an "O" then locate

$menuprestr = "O ";
$menupoststr = "";

and replace it with

$menuprestr = "<b>";
$menupoststr = "</b>";

...and add

mymenu.mainpreimage("images/menuimage.gif","",10,19);
mymenu.subpreimage("images/menuimage.gif","",10,19);

...just before

mymenu.netscapeadjust(3,3)

...where menuimage.gif is the the name of your small graphic and 10,19 is the width and height of the gif.

ASP Version
If the menu already uses an "O" then locate

menuprestr = "O "
menupoststr = ""

and replace it with

menuprestr = "<b>"
menupoststr = "</b>"

...and add

mymenu.mainpreimage("images/menuimage.gif","",10,19);
mymenu.subpreimage("images/menuimage.gif","",10,19);

...just before

mymenu.netscapeadjust(3,3)

...where menuimage.gif is the the name of your small graphic and 10,19 is the width and height of the gif.

Can I see some examples of how the menus work?
We have a number of templates that incorporate the DHTML menus, here are some examples:

http://www.ecommercetemplates.com/dwecommplus/dwvirtualbluepop/
http://www.ecommercetemplates.com/dwecommplus/dwvirtualcreampop/
http://www.ecommercetemplates.com/dwecommplus/dwvirtualwhitepop/

Why do I get a page not found when linking?
This often happens when you have folders and subfolders and your link is looking for a page off the root of your web. The easy way round this is to make the links on your menu relative to the root of your web like this:
mymenu.addSubMenu("instructions", "", "<b>menu</b>", "/myfolder/nextfolder/menu.htm")

- Back to top

DHTML Pop-Out Menu help

What does "POT menu is undefined" mean?
This is usually caused by one of two things. It could be that the path to the .js file is not correct or that the section headings don't correspond to the names for the pop-outs. For example a main heading like:
mymenu.addMenu("instructions","<b>instructions</b>", "")
should have a corresponding section/pop-out name:
mymenu.addSubMenu("instructions", "", "<b>menu</b>", "menu.htm")

How do I open a page in a new window?
If you want to make the link open in a new window, look at this example: mymenu.addSubMenu("examples", "", "<b>virtual blue</b>", 'http://www.ecommercetemplates.com/dwpopoublue/" target="_blank')
Be careful with the punctuation here

How do I get a text rollover effect if a section name is not a link?
Sometimes it is not necessary to have a section linked, but the section has a number of pop-outs - to keep things tidy instead of having mymenu.addMenu("main","<b>main</b>", "main.htm") where the link is to main.htm, you can change it to mymenu.addMenu("main","<b>main</b>", "#") so you maintain the link color but are not taken anywhere in case anyone tries to click.

How do I get rid of the default help links and corresponding pop-outs?
Here's an example but the theory is the same for all the templates using the DHTML menu.

First delete this line:

mymenu.addSubMenu("main", "", " HELP", "help.asp")

and then all the pop-outs that it spawns, which will be:

mymenu.addSubMenu("help", "faq", " FAQ", "#")
mymenu.addSubMenu("help", "tutorials", " TUTORIALS", "#")

mymenu.addSubMenu("faq", "", " COMPATIBILITY", "#")
mymenu.addSubMenu("faq", "", " DHTML MENUS", "#")
mymenu.addSubMenu("faq", "", " DHTML MENUS", "#")
mymenu.addSubMenu("faq", "", " GRAPHICS", "#")
mymenu.addSubMenu("faq", "", " LICENSE", "#")

mymenu.addSubMenu("tutorials", "", " TEMPLATE SET UP", "#")
mymenu.addSubMenu("tutorials", "", " INCLUDE PAGES", "#")
mymenu.addSubMenu("tutorials", "navigation", " NAVIGATION", "#")

mymenu.addSubMenu("navigation", "", " FP NAVIGATION", "#")
mymenu.addSubMenu("navigation", "", " DW NAVIGATION", "#")
mymenu.addSubMenu("navigation", "", " GL NAVIGATION", "#")

How do I set up the product and category links manually?
If you look in the menu script, you should see two chunks of commented code. These will need to be removed if you want to get rid of the dynamically generated category and product links. The chunks of code to delete will typically look like this

<%
' Please note, the following line of code is used to automatically create the links for the product sections
' If you do not want to use this feature, please delete this line of code in your Main.dwt template
' along with the corresponding section below.
%>
mymenu.addMenu("products","¤ PRODUCTS", "categories.asp")

....and

// Delete these 7 lines and the corresponding lines above if you
// don't want an automatically generated popout menu.
< % if false then %> </script> <% end if
menuprestr = "¤ "
menupoststr = "" %>
< !--#include file="../vsadmin/inc/incmenu.asp"-->
< % if false then %> <script language="JavaScript" type="text/JavaScript"> <% end if %>

- Back to top


Buy now for ...

buy now

How it works

  • 1. Download template
  • 2. Edit design in your web editor
  • 3. Upload to your server
  • 4. Add products using online admin
  • 5. Select your credit card processor
  • 6. Start selling on the web!
read more
how it works

General help

General help

Updates

Updates

Search our site

Search

Accept Credit Cards Online

Paypal Certified integration authorize.net certified. Sign up now. Amazon Payments

UPS Online Tools Protx Partner Worldpay

Credit cards acceptedFind us on FacebookFollow us on twitter

how to purchase · site map · license + warranty · mailing list · privacy policy
Australia · Canada · España · France · Germany · Holland · Ireland · Portugal · South Africa · UK

© Copyright 2002 - 2010 Shopping cart software by Internet Business Solutions SL - All Rights Reserved - Ecommerce Templates™ and Ecommerce Plus ™ are registered trademarks of Internet Business Solutions SL