Javascript Vertical Slide Flyout Menu by Deluxe-Menu.com
Javascript Vertical Slide Flyout Menu

Template:

iPhone 15 Template - CSS Menu Slide






    - Search feature - add the search area in the menu and type symbols.
    - Items with icons
    - Hundreds of pre-designed templates
    - 85% transparency for sub menus
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Submenus go over all page objects
    - Image arrows
    - Top items and submenus have a shadow




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

Menu Screenshots

Javascript Vertical Slide Flyout Menu Javascript Popup Menu Example 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!
Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript vertical slide flyout menu menus easily and in no time
  • Sensible menu parameters for manual editing
Slide Dhtml Menu Javascript Vertical Slide Flyout Menu
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
Cost Effective
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript vertical slide flyout menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings



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

Javascript Menu. DHTML Menu.

  • Setup menu parameters manually or using De Luxe Tuner. Then add some rows of a code within html page code and your menu is ready!
  • Use special Java Script methods for: Dynamic changing of items (link, text, icons, arrows and even individual style!). Addition/removing of items or submenus. Disabling and enabling menu items. Getting the info on every submenu, menu, and items. Changing appearance of items. Other coding tricks.
  • Cross-frame mode lets you to construct full-featured dhtml menus on the pages with frames. But for all that frame set it's not necessary to insert any additional code into all the pages - just specify several extra menu parameters.
  • Ability to handle the menu from the keyboard via keystrokes.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Can you tell me how I can position my menu-tree with a relative position and make it floatable at the same time?


A: Unfortunately now it is not possible. Your menu will float withabsolute position only.


Q: When I export the file sometimes the links doesn't work in css tabbed menu


A: See, you can use links if you have
  var tabMode=1;
only.

If you have
  var tabMode=0;

You should use the ID of the DIV.

But you can try to open your pages using different targets in thefollowing way

["tab text", "javascript: window.open('test.html', 'frameName')", ...],
["tab text", "javascript: window.open('http://deluxe-tabs.com/test.html', '_self')", ...],
["tab text", "javascript: window.open('html/test.html', '_blank')", ...],

Where frameName - the name of the frame where to open the page test.html.

Using this method you can create Deluxe Tabs in  var tabMode=0; and   var tabMode=1;


Q: The problem that I am still experiencing (Im sure I have missed something obvious!) - is that all the pages open when you click on the relevant links but they always open with the "About Us" tab showing and then as soon as you click on a different tab you see it highlight for a second and then it just reverts back to the About Us tab even though the page has changed. As the site opens I obviously want the first tab to be highlighted as opposed to the 2nd one and the each page highlights and holds as you go through the menu.


A: See, you set
  var bselectedItem=2;

That is why "About us" tab is selected.
You should change the selected tab depending on the page you are now.

This Tabs menu can save pressed item automatically within1 page only. If you open another page, the menu can't remember presseditem. You should do that manually using Javascript and menu parameters(  var bselectedItem) or using any server-side script (php, asp, etc.)

Deluxe Tabs doesn't support API functions which can return theselected tab.

If your site is written on PHP you can set "bselectedItem" parameter based on your link beforeyou call tabs-kasper.js file.

For example, move "bselectedItem" parameter from tabs-kasper.js file to yourcode.

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=<?php echo $seltabs; ?>;
</script>
<SCRIPT src="tabs-kasper.js" type=text/javascript></SCRIPT>
</TD>

You should define seltabs using server side script.

You can also set on every page before you call tabs-kasper.js file(for example, for solution tab).

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=4;
</script>
<SCRIPT src="tabs-kasper.js" type=text/javascript></SCRIPT>
</TD>

Try that.


Q: I was looking for a feature to reverse the order of items added dynamically to the drop down html menu
I'm not sure where to find it or how to go about getting this new feature incorporated into my code.
Could you please help me and tell me where to go next?


A: To add your items dynamically in the specific position you should usethe following function:

dm_ext_addItemPos(mInd, smInd, iParamsArr, Pos)
where Pos - the position in the menu where you want to add new item(starts with 0).

Check that you have dmenu_dyn.js file in the same folder with dmenu.js
file and set
  var dynamic=1;
parameter.

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