- Keyboard navigation - press Ctrl+F2 to enter the top menu - Hundreds of pre-designed templates - Submenus automatically scrolls - Sound support! - Submenus go over all page objects - UL/LI items structure - Cross-frame support - menus work on frameset-based pages - Relative/Absolute menu position
Setup menu parameters manually or using De Luxe Tuner. Then add some rows of a code within html page code and your menu is ready!
Use special Java Script methods for: Dynamic changing of items (link, text, icons, arrows and even individual style!). Addition/removing of items or submenus. Disabling and enabling menu items. Getting the info on every submenu, menu, and items. Changing appearance of items. Other coding tricks.
Cross-frame mode lets you to construct full-featured dhtml menus on the pages with frames. But for all that frame set it's not necessary to insert any additional code into all the pages - just specify several extra menu parameters.
Ability to handle the menu from the keyboard via keystrokes.
Q: I downloaded the trial version of deluxe-menu. I created a four tab menu using the tab'stab menu generator; so far so good. I read the tutorial where to past codeand ensuring all items wire in the menudir/; so far so good. The problem, you talk about two> files 'dmenu.js' & 'data.js', these files were not created bydeluxe-menu program. Where are they, so that I can see if this thing works before buying, so far; not so good.
A:You may have another name for your data file (not data.js).
If you want to use tab menu you'll have dtabs.js engine file and data file.
1. create and save .js file with your menu parameters in Deluxe Tuner(you can use "File/Save as/HTML" function). You can enter any name you like, for example enter "tab". So you'llhave tab.html, tab.js files and "tab.files" folder with all menu files. 2. open your .html page in any text editor 3. Copy generated tab.js file and "tab.files/" folder in the same folderwith your index.html page. 4. Open generated menu.html in any text editor and copy several rows of code (<script> tags), For info see:http://deluxe-tabs.com/product-info/?installation
<head> <!-- Deluxe Menu --> <noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript> <script type="text/javascript" src="tab.files/dmenu.js"></script> </head> <body> ... <script type="text/javascript" src="tab.js"></script> ...
That's all.
Q:
I need to be able to highlight the selected menu en dhtml item of the Deluxe Menu.
A:Deluxe Menu has only two states normal and mouseover.
Try to do the following things:
- delete var pressedItem=1; parameter from your menu en dhtml data file - set correct parameter on each page before you call data file, forexample:
<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=3;</script> ... <script type="text/javascript" src="menudir/data.js"></script>
You can also set a pressed item using Javascript API:
function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)
Sets a current pressed item. menuInd - index of a menu 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:
I know. I have two menus on the page and I am not using beforeItemImage orafterItemImage for the top menu in javascript (the one you referenced below), but I need it for the second menu. The parameters for that menu are in mainnav_data.js.
Even when I only call dmWorkPath and dmenu.js once, it does not work.
A: See, it is not correctly to use image-based items:
and specify beforeItemImage/afterItemImage parameters. They won't work in that case.
You can create such buttons in the following ways: 1) Use image-based menu (images with text).
Create normal and mouse-over state images (with text) for each item: ["","", "mainnav_data.files/corpinfo.gif", "mainnav_data.files/corpinfo2.gif", "", "_self", "", "", "", "", "", ], ["","", "mainnav_data.files/new.gif", "mainnav_data.files/new2.gif", "", "_self", "", "", "", "", "", ], ["","", "mainnav_data.files/xxxxx.gif", "mainnav_data.files/xxxxx2.gif", "", "_self", "", "", "", "", "", ],
2) Use combined background for the menu in javascript items (images without text).
var beforeItemImage = [,]; //left-side image for normal and mouse over state var itemBackImage = [,]; //background or image for normal and mouse over state var afterItemImage = [,]; //right-side image for normal and mouse over state var beforeItemImageW = ''; var afterItemImageW = ''; var beforeItemImageH = ''; var afterItemImageH ='';
But you should create a small images in any Graph Editor, for example: button_n_back.gif button_n_left.gif button_n_right.gif button_o_back.gif button_o_left.gif button_o_right.gif
You cannot use these two methods together!
Q:
I want that this tree expanded or collapsed (clicking on the image. e.g. like the right button) and go to the link when clicked on the item.
A:No problem. You can assign a link to the item that has subitems. When you'll click on item's button, it'll be expanded. When you'll click on the item, item's link will be opened.
Active.Templates.Text.prototype.setEvent("oncontextmenu", oncontextmenu); ..... was placed.. i want the target page to open in the same window where the page with .... menu += '<a class="menuItem" href=\\'javascript: alert("AW Is Fun!
When I open the page R2.1 for exemple, the level Products toogles rightly but Range2 level does not. ... You will need to adapt the javascript that toggles the submenus. ... quick question though, would it be possible to have the same .... Add to all <li> elements of active menu entrys that have
Decide what background color you will use for the active menu option & hovered menu option. ... Alexa Ranking & Compare · Google Search Engine POS · Google Page Rank .... u think its anyway i can have the same navigation menu like this site ... I actually just added "js" to the nav bar trying to keep the look here
Aug 6, 2009 ... When I click any link in any other menu showed in that page, ... the only solution i found was to resort to javascript, resp. ... Actually the problem is similar but I don't feel I can solve mine in the same way
Active.Templates.Text.prototype.setEvent("oncontextmenu", oncontextmenu); ..... was placed.. i want the target page to open in the same window where the page with .... menu += '<a class="menuItem" href=\\'javascript: alert("AW Is Fun!
This page was last modified on 24 September 2009, at 14:23. ... #menu #btn-read a, #menu #btn-url a, #menu #btn-read .active, ... says that the logo, the navigation links and their active states, have the same background, set.png ... This is the .zip file, with the XHTML, CSS and JavaScript used in this article
ActiveMenu.clip.width +2; l.parentLayer.clip.height = window. ... actually i just need to re-create the same error, so what i need is: ... i tried it on ie and netscape7, the menu page didn't get me any error message. how is it running
However, the same code in the text widget on the same page doesn't ... .tabnav li a:active, .tabnav li.ui-tabs-selected a { background: #dedbd1 ... For the tab menu on the post content, I notice that the javascript adds
Attributes would vary, however I would still be using the same selectors. ... settings); /* * _isActive * Is the element marked as the active menu item ? ... Javascript usually seems to fix all css dropdown menus
Jan 15, 2008 ... Reload this Page Embedded flash "active" content ... right to use editor, because after this change user can add any javascript code to your site! ... embedHTML += '<param name="menu" value="' + menu + '" />'; embedHTML += '<param ... And it is possible to use for SWFObject on the same way.)
However, the same code in the text widget on the same page doesn't ... .tabnav li a:active, .tabnav li.ui-tabs-selected a { background: #dedbd1 ... For the tab menu on the post content, I notice that the javascript adds
End active modification. And then in the same file around line 310 replace the ... browserNav=' onclick="javascript: window.open(\''+sUrl+'\', .... bar the menu does not load and the page stops loading at that point
Follow the same instructions you did for the navigation bar background. As in the active menu tab example, I am overriding the menu text color, when hovered
The page is active, and the box is checked to show in menu. I deleted the old page and recreated it and still the same problem. ... <script type="text/ javascript" src="modules/MenuManager/CSSMenu.js"></script>
when the page loads if the mouse is still in the same position ... Here's what I do if I need active states on a menu. ... <script type="text/javascript"> $( document).ready(function() { function activate(navClass) { $("
Jun 28, 2010 ... Add any questions or comments regarding the DotNetNuke Nav Menu ... I have a question about using both horizontal and vertical menus in the same skin. .... which is for dnn menu, this problem needs an alter on the javascript file for ... Mark Allan is very active and seems to provide good support
Last active: Never ... Is that through a javascript on the same page? ..... completely new function and names and object arrays, and for current version of free TIGRA TREE MENU you cannot use previous routines from here
As if Skräddarsytt is just a page under the section serier? .... If someone needs javascript code, which works with the old jquery 1.1.2 and closes one submenu .... Any ideas why things dont work. it´s the same theme, same site. just other server. .... #menu ul li.section-title:ACTIVE {color:#000;}
Aug 5, 2008 ... Well here'z the entire code for the navigation bar! ... If they are pointing to the same page, then you would need javascript to ... link was clicked from a previous page - it may be possible for javascript to sniff the