- Unlimited number of sub levels - Personal CSS styles for separate menu elements - Top items and submenus have a shadow - Hundreds of pre-designed templates - Items with icons - UL/LI items structure - Horizontal or vertical orientation - Status string shows item labels
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).
Q: I'm trying out your menus, and I seem to have a problem with changing the title of a menu item. If the text is something like "Create a New Event" the entire menu spreads out and the rollover image starts replicating itself behind it, instead fo stretching with the text. So I see 1 /2 rollover images for that top level item, instead of just the one, width it's width spread out to accomodate the extra text.
I've tried the Styles bit, but that doesn't seem to fix the rollover image any...
Any pointers ?
A:You can try to set the exact width for each menu item using IndividualItem Styles.
You should use Individual Item Styles. For example: var itemStyles = [ ["itemWidth=120","itemBorderWidth=1","itemBorderStyle=solid,solid"], //style0 ["itemWidth=100","itemBorderWidth=1","itemBorderStyle=solid,solid"], //style1 ["itemWidth=130","itemBorderWidth=1","itemBorderStyle=solid,solid"], //style2 ["itemWidth=150","itemBorderWidth=1","itemBorderStyle=solid,solid"], //style3 ];
Where "0", "1", "2", "3" - style number in itemStyles.
You also should check the width of your rollover image. It should bethe same width as your items.
You can also use tags in the item text, for example:
var menuItems = [ ["line 1 line 2"], ];
Or you can set this parameter:
var noWrap=0;
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'm fairly new to HTML and Java. I'm using your popup window html, (its great) but do notknow how to use the "ID object" function. I'm using Frontpage as my HTML editor. The only way I can figure out how to give "a line of text" or a "Graphic" and ID is to create a "Layer". That creates an (ID) in the HTML script. But I still cannot get the pop up to work when clicking the object. How is the best way to create an object ID that will all Deluxe pop-up to recognize it?
Can I have two separate pop-up within the same html page?
One last thing...Can I create a pop up that fly's out after 10 seconds, and within that fly out have a link that opens another pop up with important info in it using the iframe feature?
This sound like novice questions, but that's me!
A: See you can show the popup window when you hover, click or mouseout on some elements on yourpage. For example you've added an image in the FrontPage. Right click on this image and goto "Picture properties...", on the Appearance tab select 'Style...' and enter any text inthe ID field, for example 'open_popup'. Switch to 'Code' mode, you'll have the followingcode:
So, in the Deluxe Tuner you should enter 'open_popup' object ID in the onMouseOver,onClick or onMouseOut fields.
Actually you can assign id to any object on your page manually. Switch to 'Code' mode andadd id="open_popup" for <a>, <div>, <img> ... tags.
> Can I have two separate pop-up within the same html page?
You can add as many popups as you want.
> Can I create a popup window html that fly's out after 10 secondsCreate popup window and set openAfter=10 parameter to it. You can find this parameter in'Actions' section.
> and within> that fly out have a link that opens another pop up with important info in it using the iframe feature?Use HTML content as window content. Set winContent parameter in 'Common' section.
Add link inside the html content: <a title='Click to open sample' href='javascript:;' onclick=\"deluxePopupWindow.open(\'window1\', \'files/test.html\', \'Window2\',\'width=220,height=270,resizable,scrollbars=no,middle,right,fade-effect\', \'default\', \'iframe\')\">Click to open Popup Window with 'files/test.html'content.</a> More info about deluxePopupWindow.open() function you can find: http://deluxepopupwindow.com/window-installation-info.html
function deluxePopupWindow.open("winID", "content", "header", "param", "skin", "contentType")
Use another winID (first parameter) than you have in your data file if you don't want to close 1-st popup window or use thesame winID=win if you want to close 1-st popup.
content - will be the path to the file you want to load in your popup (files/test.html) skin - is the name of your skin (default in my example) contentType - set this parameter to iframe.
Q: How can make my html vertical tabs to open internet link in the same window?
A:You should set the following paramter in your data.js file (file, created in Deluxe Tuner), where your tab-menu parameters (vars) and items ( var bmenuItems) are placed.
var bitemTarget = "_blank";
Default target for all items ("_self","_blank","_parent","_top",...). If equal to "" - defined as "_self".
Or you can set target parameter in your data file using Deluxe Tuner: "Tab mode" section in the menu parameters list.
I want to use the menu vertically but the submenus are appearing with more .... Free? Cool! Mambo rules! Had it not been for your easy-to-follow ... Ive chosen horizontal menu style. It has variables like expand menu,
In http://demo.rockettheme.com/aug09/features, you can't expand "Menu icon" on the left, but it would be great to have such feature. ... Free GPL Stuff, Gantry Framework, Gantry Solved Threads, Free Joomla Templates
Need a simple CSS vertical menu Lounge (non-StatCounter related topics here!) ... StatCounter Free web tracker and counter .... The menus on www.meyerweb.com do expand, but maybee exactly the way he wanted (stays
Vertical Stretch Menu A SWiSHmax Project .... who want to understand it (feel free to skip the next section if you aren't in .... expand below the menu. In the case of my example they jump way to far below the menu
Edit the stylesheet "Navigation: Simple - Vertical" and add following ..... the hover function ... your menu will expand and collapse uncontrollably since .... CMS made simple is Free software under the GNU/GPL license
Sep 27, 2007 ... I found a javascript of a CSS horizontal menu ... and "Resources," I wish to add another expanding menu in one of the drop down links. ... <li><a href="http:// www.javascriptkit.com/cutpastejava.shtml" >Free JS</a></li>
Feel free to figure the bug with the bottom bar. ... if you expand their menu, you lose much of the page already as their DIV expands rather excessively. .... through a vertical list of options than a horizontal list
Oct 13, 2009 ... Available transformations: horizontal, vertical left-to-right, vertical right-to -left, ... Free Digg Style Drop Down Menu to Download
Forum Swt Menu Background Color free javascript menu templates. Don't allow your website ... Java Menu Creator jquery vertical menu multi level visited · Free Template Fold ... Menu Expand Javascript javascript horizontal tab submenu
... and customizations I am currently using my Omnia. Hopefully, the list will be expanding as. ... Don't like the size of the Vertical scroll bar? .... _pointUi home shell - another menu shell for homescreens _skyhook
I'd like to have a menu displayed on the right side (sidebar-a) with drop-down ( expand to the left) or a mouseover expand functionality of the submenus. ... Free GPL Stuff, Gantry Framework, Gantry Solved Threads
Menu style: Tree List Expand Menu: Yes So put the menu where you want it, .... http://joomlatp.com :free joomla templates,free joomla themes,free .... the page with the menus dropping down vertically underneath each one
A community driven forum with free registration is found at cmsimpleforum.com. ... This change turns the toc() type menu to a permanently expanded .... Of course, they will turn your horizontal menu to a vertical one but
Building An Expanding DHTML Menu With CSS and JavaScrip By Joseph ... parts that make up a dropdown vertical menu for your website. ... feel free to just copy and paste the code shown below into your page header as is