Tab Menu Javascript Active Links by Deluxe-Menu.com
Tab Menu Javascript Active Links

Template:

Black Rounded Template - Mouse Over Drop Down Menu






    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Horizontal or vertical orientation
    - Transition #14 - "fade out" effect
    - Several menus on one page
    - UL/LI items structure
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Image arrows
    - Relative/Absolute menu position




2 0 Navigation Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  Blog   ::  More Info

Menu Screenshots

Tab Menu Javascript Active Links Css Pull Down Menu Source Code

Buy Now!   ::  Free Trial Download   ::  More Info

Features

Unrivalled Features
  • Scrollable, dragable, floating, right-click menus
  • Keyboard navigation - press Ctrl+F2 to enter the menu
  • Unique Java Script API for altering menu "on-the-fly", without page reloading
  • AJAX technology - loads menu data from the server "on-fly and on-demand".
  • Search feature - add the search area in the menu and type symbols. The found words will be higlighted.
  • Sound support!
High Performance
  • AJAX menu loading - loads web menu data from the server "on-the-fly".
  • Commonly loads quicker than other html page elements
  • UL/LI items structure
  • Runs well with an unlimited number of submenus and items
Mouse Over Vertical Drop Down Menus Tab Menu Javascript Active Links
Cost Effective
Compatibility              
  • Full cross-browser compatibility including IE, Netscape, Mozilla, Opera, Firefox, Konqueror and Safari on Windows, Mac OS and Linux
  • Menu can be populated from a database using ASP, PHP, etc.
  • Search engine friendly
  • Support for any doctypes
  • Fits for secure sites
  • Section 508 compliant
Easy Setup
  • De Luxe Tuner. GUI interface to create your tab menu javascript active links menus easily and in no time
  • Sensible menu parameters for manual editing



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • 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.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Now, one more little question -

in a Tree menu, I know how to make a menu expand by default and expand only on a mouse click.

However, I believe there is a way to make a menu item expand on a "mouse over" without a click.

How can this be done?


A: No, unfortunately it is not possible to expand the tree menu onmouseover now. It is possible that we'll add this feature in the nextversion.


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 currently using your free trial version to see if it will work with an application I am working on. I am having a problem with using it in cross-frames mode when the frame that the sub menu appears in has a vertical scrollbar. Basically I have a header frame and a large content frame below it. The menu itself is appearing in the header frame and the sub menus are dropping down and appearing in the lower frame. There is a vertical scrollbar in the lower (content) frame and when I scroll down, the sub menus get scrolled off the screen. This is because they are being rendered at the very top of the content frame and disappear when the top of the frame is no longer visible due to scrolling. Setting the floatable = 1 attribute does not work because the menu itself is not being scrolled off the screen, just the sub-menu drop down is being scrolled off. Is there anything I can do to make this work with my framed application? Thank you for your time.


A: Unfortunately submenus won't float in cross-frame mode. Deluxe Menudoesn't have such feature now.


Q: I have been trying to get ‘Content’ in to the float tab, and I cannot find how that is done.

A: You should specify any Object ID name of the DIV.

See, for each item you should assign the ID property of the contentDIV (see data file with your menu parameters).

["Style Name","contentName", "", "", "", "", "1", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Description","contentDescription", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Variations","contentVariations", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Empty","", "", "", "", "", "2", "", "", ],

And on your html page you should create DIV's with such ID. You canset background image for these DIV's in styles.

<div id="contentName" style="height: 0%; visibility: hidden; background-image: url('img/back.jpg'); background-repeat:repeat-y;" class="tabPage">
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
You should paste your content here!!!!!
</div>

<div id="contentDescription" style="height: 0%; visibility: hidden;" class="tabPage">
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
You should paste your description here!!!!!
</div>


Buy Now!   ::  Free Trial Download   ::  More Info