Likno Software Blog - DHTML Menus, Javascript Menus, Drop Down Menus

To transfer your license to a new machine, follow these steps:

- Uninstall the program from the old machine.
- Download and Install the program in the new machine. (To download the latest build you are entitled to, log into you Likno User Area account and follow the relative link).
- Get a new Activation Code based on your new Installation ID via your Likno User Area account.
- Activate the program.

You can continue creating your DHTML Menus in your new machine!

This printing issue occurs because browsers' rendering engines do not support accurate printing of web pages as far as they contain DHTML elements of any kind (and not just menus created by AllWebMenus).

To prevent a menu from printing, copy-paste the code below to a CSS file (without the <style></style> tags) or inside the HTML page (with the <style></style> tags):

<style>
@media print {TABLE.noprint, DIV.noprint {display:none} }
</style>

This issue is known as the “jumping effect”.

This occurs when you have used an Anchor ID in your page in order to position your DHTML Menu relative to an Element but have not set the <Positioning> property in the AllWebMenus program to “Relative to an Element”; instead, it is set to “Relative to Window”.

In this case, the menu will first show relative to the Window corner and as soon as the Anchor ID tag is read in the page it will reposition itself relative to that element.

In order to avoid this, just select the “Relative to an Element” Positioning, recompile and upload your updated menu.js file.

When creating your JavaScript menus:

You can keep a Main Menu item highlighted when visiting a web page by using the following code inside your page:

<script>awmSelectedItem=x</script>

where x is the order of the Main Menu item you wish to be shown as selected.

By doing so, the selected item will be displayed with its [Mouse Click] state instead of its [Normal] state.

Example:

Let’s assume you have the following menu and you want the “Downloads” item to be highlighted when you visit the downloads.html page.

Let’s also assume that the “Downloads” item is the 2nd item in the Main Menu. You just need to put the following code before the menu-linking code inside your downloads.html page:

<script>awmSelectedItem=2</script>

When you now visit the downloads.html page, all Main Menu items will be displayed at their [Normal] state except of the “Downloads” item which will be displayed at its [Mouse Click] state.

Notes:
- This feature applies only for the Main Menu items. You cannot use this feature to have a submenu item highlighted.

- The [Mouse Over] state will be displayed instead of the [Mouse Click] state if you have the “Ignore [Mouse Click] values” box checked inside the Tools -> Project Properties -> Optimization tab.

Special note for multiple menus only:

If you have more than one menu in the same page, then you need to use the <script>awmSelectedItem=x</script> right before the menu-linking section of all menus:

where,

x = the number of the selected item for the menu you want to have the highlighted option and

x = 0 for the rest of the menus.

Flash objects are considered to be “windows” on top of the browser and this is why they cover the submenus by default. This can be easily changed however.

In order to display menus created with our DHTML Menu Maker, the solution is to add a transparent parameter on two locations inside your Flash object definition in your HTML, as shown on the example below (the pieces of code that you need to insert are highlighted in red):

<script type=”text/javascript”>
AC_FL_RunContent( ‘codebase’,'http://download.macromedia.com/pub/shockwave/cabs/ flash/swflash.cab#version=7,0,19,0′,’width’,'511′,’height’,'250′,’src’, ‘ad2′,’quality’,'high’,'pluginspage’,'http://www.macromedia.com/go/ getflashplayer’,'movie’,'ad2′,‘wmode’,'Transparent’); //end AC code </script> <noscript> <object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/ flash/swflash.cab#version=7,0,19,0″ width=”511″ height=”250″> <param name=”movie” value=”ad2.swf”> <param name=”WMode” value=”Transparent”> <param name=”quality” value=”high”> <embed src=”ad2.swf” quality=”high” pluginspage=”http://www.macromedia.com/go/getflashplayer” type=”application/x-shockwave-flash” width=”511″ height=”250″ wmode=”transparent”></embed> </object> </noscript>

By adding the transparent parameter on both locations the submenus will always appear above Flash objects on all browsers.

If you are not using the AC_FL_RunContent, then I suggest that you read this article http://www.adobe.com/devnet/activecontent/articles/devletter.html.

In brief, in order to use the suggestion by Adobe, you need to do the following:

Between the <head> and </head> tags, add the line

<script src=”AC_RunActiveContent.js” language=”javascript”></script>

Download and extract this file in the folder where this page is in your server. It contains the file AC_RunActiveContent.js. Make sure that this file is not under any subfolder. This file has been taken from the site mentioned above where this solution about the Flash issue has been published.