Recent Questions
Q: Now I need to work out how to add multiple menu's to a page? Are you able to reference these separately - is this possible.
The page that I am creating lists out notes from our system - there is a "options" button to the right of each note - when the cursor hovers over this button I want to dynamically load themenu's. On any page there could be over a 100 of these "option" buttons and the menu that would load from each option button could be different and specific to the note.
A: You can add as many menus as you want on the one page.
You should call
<SCRIPT type=text/javascript> var dmWorkPath = "data.files/";</SCRIPT>
<SCRIPT src="data.files/dmenu.js" type=text/javascript></SCRIPT>
and then call your data files:
<SCRIPT src="data.files/data1.js" type=text/javascript></SCRIPT>
<SCRIPT src="data.files/data2.js" type=text/javascript></SCRIPT>
<SCRIPT src="data.files/data3.js" type=text/javascript></SCRIPT>
<SCRIPT src="data.files/data4.js" type=text/javascript></SCRIPT>
> The page that I am creating lists out notes from our system -
> there is a "options" button to the right of each note - when the
> cursor hovers over this button I want to dynamically load the
> menu's.
You can try to use pop up menus
http://deluxe-menu.com/popup-mode-sample.html
You may also generate a menus from a database or XML using any server-side script, e.g., PHP, ASP, VB, etc.
Q: How does one go about changing the parameter or the menu in java script so that a menu selection stays 'on'?
In other words, the menu remains selected, perhaps in a background color that shows the user this menu choice is selected and the user is in the selected menu area.
A: To save your navigation path you should set the following parameter:
var saveNavigationPath = 1;
The menu keeps items highlighted during menu navigation.
0 - disabled, 1 - enabled (default).
You can highlight menu items by default in two ways:
1) Set the pressed item on each page idividually using the following parameter:
var pressedItem = -2;
The toggle mode. Sets an index of an item that will be highlighted by default.
-2 - the toggle mode is disabled;
-1 - the toggle mode is enabled, but no items highlighted by default;0,1,2,3,... - index of highlighted item in a top-level menu.
- delete var pressedItem=1; parameter from your data file
- set correct parameter on each page before you call data file, for example:
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript"> var dmWorkPath = "menudir/";</script >
<script type="text/javascript" src="menudir/dmenu.js"></script>
<script type="text/javascript"> var pressedItem=2;</script>
...
<script type="text/javascript" src="menudir/data.js"></script>
2) Set the pressed item/subitem using dm_ext_setPressedItem () function.
Please see more info here:
http://deluxe-menu.com/highlighted-items-sample.htmlQ: The secondary javascript menu style sub menu under Aircraft doesn't line up the same as in Tuner..
A: Deluxe Menu doesn't work correctly (incorrect submenu position) if youhave complex frame structure.
The problem is in a structure of your frameset.
Mozilla browsers can't determine absolute coordinates for a frame, so submenus drop down with an offset.
You should create, for example, the following frameset structure:
--|------------|--
| top |
--|------------|--
| menu |
--|------------|--
| |
| submenus |
| |
Now a second row has 3 columns and all browsers can determine a width of the 1st column in the second row.Q: Thank you for the information. I have been successful in getting the drop down menu select to appear on my index.htm file.
I'm having some problems fine tuning it. I placed the code and files as indicated on the file. What I get is a menu appearing at the top of the page and a link titled: Trial Version where I want the menu to appear.
The other problem I am having is that the drop down menu select is left justified and I would like it to be centered on my page (table).
A: Check that you're using relative position for the drop down menu select. You shouldset:
var absolutePos=0;
var posX="0px";
var posY="0px";