- Several menus on one page - Inactive/Disabled items - AJAX menu loading - loads web menu data from the server "on-the-fly". - 85% transparency for sub menus - Top items and submenus have a shadow - Keyboard navigation - press Ctrl+F2 to enter the top menu - Unlimited number of sub levels - Cross-frame support - menus work on frameset-based pages
Use images for backgrounds of submenus and items, icons, arrows. Using web images you can create menus completely based on graphics.
Design both horizontal and vertical menus and submenus with any amount of menus on a single page.
Place any HTML code inside the menu item - be it a flash-object, form, picture, or text. This ability lets you to build various menus of any complexity.
Submenus can be shown in 4 ways: - From left to right and also from left to right + upwards. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).
/* Style for top items: normal state */ .topItemNormal { background-color:Blue; color:White; text-decoration: none; text-transform:none; font-weight:normal; FONT-SIZE: 11pt; FONT-FAMILY: Verdana, Arial; width:100%; padding:2px 4px; }
A: var itemStyles = [
["CSS=topItemNormal,topItemOver","CSSText=topItemTextNormal,topItemTextOver"], ]; var menuStyles = [ ["CSS=topMenu"], ];
The following code is Individual Styles. You can edit them in DeluxeTuner.
Open your data file, click "Edit Individual Styles..." button on themain window. And create individual item style and individual submenustyle. Then you should assign these styles to your items.
Q: I am trying to create a tab menu and I have some questions. I want a tab menu that has four tabs. Each tab is a different image, the normal and hover state uses the same image and the selected state uses a different image. This will be applied to all four tabs. All the tabs will not have any text on them because the image will already have text on it. This tab menu will not have a submenu but will use <div id> tags to populate information when a certain javascript menu master tab is selected.
I am having difficulty trying to create this type of tab menu to work with the Deluxe Tuner. Each time I try to make an image as a tab that image is applied to all javascript menu master tabs which I do not want. I want each tab to have a different image.
Please advice how I can do this.
A: If you want to use different images you should use Individual ItemStyles and assign them for your tabs.
var bstyles = [ ["bitemBackImage=deluxe-tabs.files/style04_n_back.gif,deluxe-tabs.files/style04_s_back.gif, deluxe-tabs.files/style04_s_back.gif","bbeforeItemImage=deluxe-tabs.files/style04_n_left.gif, deluxe-tabs.files/style04_s_left.gif,deluxe-tabs.files/style04_s_left.gif", "bafterItemImage=deluxe-tabs.files/style04_n_right.gif, deluxe-tabs.files/style04_s_right.gif,deluxe-tabs.files/style04_s_right.gif"],
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.
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