- Search feature - add the search area in the menu and type symbols. - Relative/Absolute menu position - Submenus automatically scrolls - AJAX menu loading - loads web menu data from the server "on-the-fly". - Items with icons - Unlimited number of sub levels - Personal CSS styles for separate menu elements - Hundreds of pre-designed templates
Build right-click menus for your site. For this purpose you should appoint a peculiar method for the object you want. The current X,Y of the mouse pointer or your own ones can be used for the context menu.
Design menus absolutely based on CSS (Cascading Style Sheets). It is possible to apply the personal CSS styles for every elements of the menu.
When the submenu is bigger than the visible page area, the size of submenu will be automatically decreased. To view all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automagically scrolled! You can also define width and height for each submenu.
Q: I'm am try to use your Deluxe drop down menu generator and can not get it to work..
A: Unfortunately we don't have step by step tutorial yet. We'll try to create it in the nearest time.
1. Create your menu in Deluxe Tuner.
When you open Deluxe Tuner you can click "File/New"and add items and subitems using buttons "Add Item" and "Add Subitem" onthe main window. You should set items and subitems parameters on the "Item Parameters"window. See also other parameters for the menu on the main window.
2. You should install the menu on your page. You can click, for example, File/Export to HTML.
So, you'll have folder with all engine files and images("Deluxe-menu.files/" folder by default), Deluxe-menu.html file anddata-Deluxe-menu.js file with all menu parameters.
Open Deluxe-menu.html file in any text editor and copy several rows ofcode into your page (for example index.html page of your website).
Copy and paste several rows into your html page (index.html).
<head> ... <!-- Deluxe Menu --> <noscript><a href="http://deluxe-menu.com">drop down menu generator by deluxe-menu.com</a></noscript> <script type="text/javascript"> var WorkPath="Deluxe-menu.files/";</script> <script type="text/javascript" src="Deluxe-menu.files/dmenu.js"></script> ... </head>
<body> ... <table> <tr><td><script type="text/javascript" src="Deluxe-menu.files/data-Deluxe-menu.js"></script></td></tr> //data-Deluxe-menu.js - data file created in Deluxe Tuner. </table> ... </body>
You should also copy "Deluxe-menu.files/" folder with all engine files dmenu.js dmenu4.js dmenu_add.js dmenu_dyn.js dmenu_key.js dmenu_cf.js dmenu_popup.js dmenu_ajax.js dmenu_search.js and data-Deluxe-menu.js file into the same folder with your index.html page.
Try that.
Q: I am using Javascript Menu. Deluxe Menu. v1.12 How can I upgrade to v.2.0?
A:How to upgrade to v2.00 --------------------------------------------------------------- You can download the licensed engine .js files from the same link in your license message.Deluxe Menu v2.00 has new parameters and features. To upgrade to v2.00 you should do the following.
Step 1. 1.1 For Windows users a. Run Deluxe Tuner v2.0 (can be found in the trial menu package v2.0 http://deluxe-menu.com/deluxe-menu.zip). b. Open menu data file (.js file where menu parameters are placed): select File/OpenЕ c. Save the file: select File/Save, then click "No" button when the dialog box appears.
1.2 For other OS users a. Open menu data file (.js file where menu parameters are placed) in a text editor. b. Make sure that the following variables exist in the data file:
var keystrokes = 0; var dm_focus = 1; var dm_actKey = 113;
var dynamic = 0; var smHideOnClick = 1; var itemAlignTop = 'left'; var smSmartScroll = 1;
var dmAJAX = 0; var dmAJAXCount = 30; var dmRTL = 0; var dmObjectsCheck = 0; var menuBackRepeat = "repeat"; var menuHeight = ""; var transDuration2 = 200;
If one of the variables doesn't exist - add it at the beginning of the file.
c. Save the file.
Step 2. Now open HTML-page that contains Deluxe Menu.
Step 3. Replace existent tags of the menu by the following code:
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
Step 4. Save HTML-page.
Step 5. New engine v2.00 has 7 .js files. They are: - dmenu.js - dmenu4.js - dmenu_add.js - dmenu_dyn.js - dmenu_key.js - dmenu_cf.js (new v2.00) - dmenu_popup.js (new v2.00)
Replace all old .js files by the files from v2.00.
Try that.
Q: I see that you have the demo of the menu working over a frame so that it displays over the lower frame, vertical top to bottom. However I have played around with your demo and can't seem to replicate the same feature. Could you please tell me what I have to set to make the easy dropdown menu float over the lower framed window?
A: To initialize the cross frame menu call dm_initFrame() function instead of standard dm_init() function within data.js file:
framesetID - id attribute of the frameset; mainFrameInd - index of the main frame (where the top-menu is placed), >=0; subFrameInd - index of the subframe (where the submenus will be shown), >=0; orientation - frame orientaion: 0 - top-to-bottom, 1 - left-to-right; 2 - bottom-to-top; 3 - right-to-left.
the dm_initFrame() function call at the end of data.js file will look like:
dm_initFrame("frmSet", 0, 1, 0);
Q: Is there a way to get text to wrap on a tree menu rather then have scroll bars if the text is wider then the area?
A:To wrap your text you can use the following parameter: var tnoWrap=0;
you can also use standard <br> tags. ["|Home aaaa aaaaaa aaaaaa<br>aaa aaaaaaaaaaa","testlink.htm", "default.files/icon1_s.gif", "default.files/icon1_so.gif", "", "Home Page Tip", "", "", "", ],
Jan 7, 2010 ... I want to keep the mainmenu 2 in header and submenus in the left side of the page. ... Code: Select all: <?php echo $page['submenu2'];? ... and with some JavaScript it is possible to make the left side submenu to sliding
Apr 22, 2008 ... i have a problem with this css code, the containers in ifirefox show background image in the cell ... .statusicon{ /*CSS for icon image that gets dynamically added to headers*/ ... .glossymenu div.submenu{ /*DIV that contains each sub menu*/ ... End Javascript file for navigation in cf includes -->
Fixed N0d.us link code erroneously set when clickign Cancel (very old bug). Fixed posting confirmation page .... Added GaiaTools submenu in Gaia's header
The weird thing is that now in that submenu of Insert > Header (and Footer), ... BeanShell, JavaScript, External Programs, UNO API and ODF, Code Snippets
2ème problème, j'utilise deux menus de navigation, un dans le header avec le nom ... Accordion Content script- (c) Dynamic Drive DHTML code library (www. dynamicdrive.com) ... .glossymenu div.submenu{ /*DIV that contains each sub menu */
Oct 21, 2009 ... The css .submenu dropdown menu is causing initial #content text ... <script type ="text/javascript"> Cufon.replace('.headertext');</script> ... <div id="header"> <div id="logo"> .... [IMG] code is Off. HTML code is Off
submenu's are now visseble. Qua Patet Orbis ... have you used the code transparant inside the object of flash? ... <script src="Scripts/ AC_RunActiveContent.js" type="text/javascript">; </script> <script type="text/ javascript">
A little hack to genrate submenu of the current page ... js/jquery-1.4.1.min.js" ></script> <script type="text/javascript" src="<?php get_theme_url(); ? ... <div class="wrapper"> <div id="header"> <a class="logo" href="<?php ... Then when you come to this piece of code it will again open, read,
Code: Select all: with(menuStyle=new mm_style()){ .... You can even get the items to be farther apart in the submenu by making the .... It looks like you're pushing the main menu to the bottom of the header image
I've modified code to solve this: In more-fields-write-js.php ... $submenu[$link ][5] = array(__('Add new'), 'edit_posts', $link); ... but if JQuery is loaded in the header for all pages as is usual with wp_enqueue_script('jquery');
Feb 12, 2010 ... contains the main template layer that displays the header and footer of the forum, namely with main_above ..... Define the upper_section toggle in JavaScript. ... Show the menu here, according to the menu sub template
<script type="text/javascript" src="ddaccordion.js"> ... contentclass: "submenu" , //Shared CSS class name of contents group ... oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
If you rollover Menu2, the submenus change. If you click Sub2.x, the submenus ... You'd have to look at the html code outputted from the header here to make it ... Every time the overall_header.html loads, the javascript resets the "var
Aug 5, 2009 ... I have broken down the code into a simple example of what it is doing: ... # header, #search, #low-header, #menu, #body, #footer ... <li>Submenu 3.0</li> </ ul> </li> <li>Menu 2.0</li> <li>Menu 3.0</li> <li>Menu 4.0</li> </ul> </li> </ul > <script type="text/javascript"> var myMenu = new Zapatec.Menu
<script type="text/javascript" src="../menudir/ddaccordion.js"> ... contentclass : "submenu", //Shared CSS class name of contents group ... oninit:function( headers, expandedindices){ //custom code to run when headers have