My Blog Title Here

Q:

However, when I place the drop down menu horizontal inside a CSS-defined
div element (for absolute page placement) the submenu’s all drop down a
couple hundred pixels.

A:

See, the problem is that the script can’t get css properties of the object if they are described in separate .css block (or file).
In other words, you can’t get the value of “POSITION: absolute” attribute of the object if the object doesn’t have this property within inline style (style=”POSITION:
absolute;”). To get the value you should move .css style into style=”" attribute.

Please, try to add your
css file -> inline css, for example:

You should add style=”POSITION: absolute;”

to the

<div id="menu">

So, you’ll have:

<DIV id="menu" style="POSITION: absolute;">
Try that.

Q:

Is there any way to keep a drop down menu horizontal lit up when going to another
page? Or do the menus always have to default back to their normal
state? I want the menu to know what
page the user is on and keep that section highlighted. Any ideas?

A:

You should set a pressed item using Javascript API:

function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)

Sets a current pressed item.
menuInd - index of a drop down menu horizontal on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.

But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem.
You can’t get this ID after you reload your page. That is why you should write your own code on PHP.

Q:

Do the Vista style menus support a separator? It
seems to add some space but the separator line is not drawn.

A:

Yes, you can paste a separator in the Vista style menus.

Please, see the following drop down menu html parameters:

//— Separators
var separatorImage=”"; //for subitems
var separatorWidth=”5″;
var separatorHeight=”100%”;
var separatorAlignment=”right”;
var separatorVImage=”images/public/separator.gif”; //for the top items
var separatorVWidth=”3″;
var separatorVHeight=”100%”;
var separatorPadding=”";

You should set a separator in the menuItems, for example:

var menuItems = [
["Home","index.cfm", , , , , , , , ],
["-"],
["About Us","about.cfm", , , , , , , , ],

];

Try that.

Q:

I am setting up a 3 tab script and each tab opens a new page but
the state of the drop down menu html selected reverts back to the default tab.à How
do I keep the tab selected when advancing to the next tab (new page)?

A:

You should change the selected tab depending on the page you are now.

This Tabs menu can save pressed item automatically within
1 page only. If you open another page, the menu can’t remember pressed
item. You should do that manually using Javascript and menu parameters
(var bselectedItem) or using any server-side script (php, asp, etc.)

Deluxe Tabs doesn’t support API functions which can return the
selected tab.

So, you can set “bselectedItem” parameter based on your link before
you call data.js file.

For example, move “bselectedItem” parameter from data.js file to your
code.

<TD vAlign=top align=left>
/* Select Tab */
<script type=”text/javascript” language=”JavaScript1.2″>
var bselectedItem=<?php echo $seltabs; ?>;
</script>
<SCRIPT src=”data.js” type=text/javascript></SCRIPT>
</TD>

You should define seltabs using server side script.

Q:

We’re interested in the pop up drop down menu html (context menu) you offered. Is it
possible to generate multiple context menus at the same page? Is the
context menu also 508 compliant, in other words, keyboard accessible?

A:

Yes, you can use as many context menus as you want on the same page.
You should call your data files at first

<script type=”text/javascript” src=”data-deluxe-menu.js”></script>
<script type=”text/javascript” src=”data-deluxe-menu1.js”></script>

<img src=”deluxe-menu.files/logo_w.gif” onClick=”return dm_popup(0, 1000, event);” style=”cursor: pointer;”> //1st menu
<img src=”deluxe-menu.files/logo_w.gif” onClick=”return dm_popup(1, 1000, event);” style=”cursor: pointer;”> //2nd menu

You can use keyboard in context drop down menu html but you have to click (or hover) the image. And only after your subitems appear you can press “Ctrl+F2″ and arrow keys to navigate the
menu.