- Status string shows item labels - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time. - 85% transparency for sub menus - Unlimited number of sub levels - Keyboard navigation - press Ctrl+F2 to enter the top menu - Image arrows - Submenus automatically scrolls - Sound support!
Tune menu parameters manually or using Deluxe Tuner. Then add several rows of a code within html page - your menu is ready!
Use special JavaScript functions for: Dynamic changing of items (text, link, icons and even individual style!). Making a menu item active/inactive. Addition/removing of items. Changing of visibility of items. Getting the information on any menu, submenu and items. Other tricks.
Opportunity to control the menu from the keyboard.
Cross-frame mode allows you to build full-featured menus on the pages that use frame-based structure. But for all that it's not necessary to insert any additional code into all the pages - just specify some additional parameters of the menu.
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 am evaluating De Luxe menu. We perhaps like to become OEM distributor.
But I have a question. In a website i would like to align 3 menu items to the left of the page and the other items to the right. The 3 items to the left have a different style. But all have a fixed width.
I tried to define a spacer between the items but this didn't work out.
var itemStyles = [ //hoofdmenu ["itemWidth=50pt","itemBackImage=/images/topmenu1bg.jpg","fontColor=#444444,#444444"], //hoofdmenu selected ["itemWidth=50pt","itemBackImage=/images/topmenu1bg.jpg","fontColor=#444444,#444444","itemBorderWidth=2","itemBorderColor=#ff0000,#ff0000"], //spacer ["itemWidth=100%"], //default menu ["itemWidth=100pt"], ];
Can you provide a java menu samples which shows left and right alignment of menu items is possible?
A: Unfortunately it is not correctly to write ["itemWidth=100%"], in Individual Styles. It won't work. You can set the exact width forthis space, for example:
var itemStyles = [ ["itemWidth=50pt","itemBackImage=/images/topmenu1bg.jpg,/images/topmenu1bg.jpg", "fontColor=#444444,#444444","showByClick=0"], ["itemWidth=50pt","itemBackImage=/images/topmenu1bg.jpg","fontColor=#444444,#444444", "itemBorderWidth=2","itemBorderColor=#ff0000,#ff0000"], ["itemWidth=220px","itemBackColor=transparent,transparent","itemBorderWidth=0", "itemBorderStyle=none,","showByClick=0"], ["itemWidth=100pt"], ]; var menuStyles = [ ];
Also I have a problem getting the separator to show in my javascript right click menu. I have individual settings for the main menu items. I then tried to place an after item image, and they will show, though then the mouseover image does not work.
A: To add a separator you should
//--- Separators var separatorImage=""; //for subitems (top items in vertical javascript right click menu) var separatorWidth="100%"; var separatorHeight="3px"; var separatorAlignment="right"; var separatorVImage="separator.gif"; //for the top items (subitems items in vertical menu) var separatorVWidth="100%"; var separatorVHeight="2px"; var separatorPadding="";
You can create separators using menuItems (you can do it in DeluxeTuner, use "Add separator" button), for example:
var menuItems = [ ["item 1"], ["-"], // this item is separator ["item 2"], ];
Q:
I would like the button in the sub navigation bar to stay white when you navigate to a particular page..
A:Try to do the following things:
- delete var pressedItem=1; parameter from your 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.
Oct 16, 2010 ... besides the drop down menu for selecting the toolbar to edit, below a button ... OOo Basic, Python, BeanShell, JavaScript, External Programs
In that case, the forum layout is chosen for each site using a dropdown on the ... An unobtrusive javascript front end (based on mootools but without much fanciness) is included ... or j: Scroll down. t: Toggle visibility of head labels
Drop down menus should be used cautiously on mobile devices. ... created a custom drop down menu whose menu pane slides upwards as you scroll. ... High performance Widgets: Combine your JavaScripts and CSS in external
Oct 28, 2009 ... YUILibrary - Open source JavaScript and CSS for building richly ... Now you set the scroll property to be null in the nested layout (top2)
Sep 21, 2010 ... no scroll bar on drop down list - iphone/touch PHP. ... i get it on the iphone/ touch the scroll bar vanishes from the drop down list (about 15 entries) and only displays the first 5 or so. ... NET, Java (NOT JavaScript!
Feb 17, 2006 ... I tried to edit the info while using FrontPage but the drop down box function will not work, rather the menu becomes a scroll menu within the box. ... addOption("Webmaster-JavaScript", "JavaScript Kit",
Aug 5, 2006 ... By mixing a simplistic version of the drop-down-controls: /javascript.forum. 11951.1/grid-in-a-grid-scrollbar.html and the editable textarea:
Iam trying to get horizontal scroll bar for drop down box using HTML,css and javaScript, when value in drop down is toolarge. If any body know the solution,
I am having a problem where the drop-down list is hidden behind the containing ... extra room for the drop down, or there is always a scroll bar attached. .... So that is an error on my part since the Javascript (getElementByID) only
On each town page the dropdown menu will be generated with php. ... out for a compliant pull down menu and replace the Javascript one you have. ... set to 1024 and your page has a left/right scroll, try and remove this
yotsume has found a bug where VB drop down menus (like "thread tools") may get hidden ... It scrolls the pdf just fine, but will not scroll the web page
Jun 7, 2009 ... Proper Scroll Bar In Bookmark Dropdown Menu. ... I would like to see a real scroll bar (exactly the same as in a tab) for large bookmark
Multi browser, light javascript, customizable.... I use them in <?php include(" includes/navigate.inc"); ? ... Scroll to the bottom of the page for examples
Kirupa Forum Flash Vertical Dropdown Java Script Horizontal Dropdown Menu. ... way to add sophisticated scrollable dropdown menus to your Macromedia Flash
Jul 21, 2010 ... Javascript / DOM bug with Firefox - please read for details. ... Hi, I am trying to create a scrollable dropdown menu using <ul> and <li>
But maybe you'll notice: the background color of the drop-down list now matches ... repeat scroll 0 0 transparent; } #top-bar li ul li a { background-color:
Jun 10, 2010 ... The full working drop-down menu code is provided at the very end so you ... to try it yourself, scroll down the page and copy the complete code. ... Modify the JavaScript to create a sliding effect for the drop down menu