Vertical Collapsable Jquery Menu by Deluxe-Menu.com
Vertical Collapsable Jquery Menu

Template:

Black Red Menu Template - CSS Menu Pulldown






    - Unlimited number of sub levels
    - UL/LI items structure
    - Top items and submenus have a shadow
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Inactive/Disabled items
    - Text aligned to left
    - Image arrows
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.




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

Menu Screenshots

Vertical Collapsable Jquery Menu Flyout Menu Examples

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

Features

Cost Effective
Easy Setup
  • De Luxe Tuner. GUI interface to create your vertical collapsable jquery menu menus easily and in no time
  • Sensible menu parameters for manual editing
Cascade Menu Dhtml Vertical Collapsable Jquery Menu
Seamless Integration
  • Cross-frame support - menus work on frameset-based pages
  • Visible over flash, select boxes, iframes, java applets
  • Multiple menus on the same page
  • Amicable to other scripts and css styles
  • Any HTML code can be used inside menu items
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed vertical collapsable jquery 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.

  • Apply any font of any color, size and font decoration you need. Use any available type, color and thickness of a menu's frame. Choose any color for submenus and items backgrounds.
  • Set the size of the menu in percent, pixels, or other units. This menu may have a relative (it can be inserted into the table, for example) or absolute position .
  • Specify various values for spacing and padding for the whole menu and for each separate submenu.
  • You can specify a time for delays in showing or hiding of a submenu. Use special prefixes for image paths and links to make paths absolute.
  • Create separators using your own pictures, size and alignment.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I am really confused by all of this. Perhaps I should state that I am computer savvy, however, I am not at all familiar with javascript or html. I was hoping to use the deluxe tuner to avoid having to deal with any of this.

I removed deluxe tuner and deluxe menu from my computer and reinstalled both. When I went to download the license key, I extracted the file from the ZIP file and replaced the files that were downloaded with the free version.

I am now ready to re-create my menu. It says to edit my data file. When I try to do that it will NOT open. It says my computer does not have the right program? What do I need?

Also, once I have created the menu in Deluxe tuner, where should I save it? In the folder where my website pages are saved? Again, I am using Yahoo sitebuilder, so I am not exactly sure where I should save it in these folders?

Furthermore, when I tried to save a file before I removed Deluxe tuner and reloaded it, It would ask me if I wanted to copy all my files? What is that and what is the purpose?


A: > I am now ready to re-create my menu. It says to edit my data file. When I
> try to do that it will NOT open. It says my computer does not have the right
> program? What do I need?
You should open your data file with the menu in any text editor andadd your reg. key.
Try that.

> Also, once I have created the menu in Deluxe tuner, where should I save it?
You can save your data file in any place and then copy to the rightplace.

> Furthermore, when I tried to save a file before I removed Deluxe tuner and
> reloaded it, It would ask me if I wanted to copy all my files? What is that
> and what is the purpose?

If you click yes, Deluxe Tuner save also all engine .js files and allyour images into "data.files/" folder.

You can also click Export->To HTML.
So you'll have html page with your menu and folder with engine .jsfiles and images.

So you should to do the following things:
1. open your page in Yahoo's SiteBuilder
2. open generated with Deluxe Tuner html source code of the page i anytext editor
3. copy such lines from html source code


<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "data.files/";</script>
<script type="text/javascript" src="data.files/dmenu.js"></script>


and add them in you <head> tag.

Then find such line, for example:

<script type="text/javascript" src="data.files/data.js"></script>

and add it in you tag in the place where you want to have themenu. For example, you can paste it in <table> or <div> tag:

<table>
<tr><td><script type="text/javascript" src="data.files/data.js"></script></td></tr>
</table>

or
<div align=center>
<script type="text/javascript" src="data.files/data.js"></script>
</div>

For info see:
http://deluxe-menu.com/installation-info.html

You should also copy "data.files/" folder in the right place. In thefolder where you have you index.html page, created in Yahoo'sSiteBuilder.


Q: I just purchased your Deluxe Menu maker. Wonderful tool!  

I have made a menu, uploaded it to my HTML folder at Typepad in the correct place and tried several OTHER places too.  

I have inserted the js snips into the head and body in all permutations of combinations.  

I checked it each time by both opening my site and viewing source.  

The menu is there. But it cannot be seen on the page. Never has been seen. Not even a hint of it being there.  

I tried .js .file   AND .js    AND CSS.  

No menu.  

I checked on four browsers.  

No menu.  

I verified the files are in my index place by copying them to notebook.  

I have done all of the above about 20 times EACH.

A: See, now you have:

<title>The Steel Deal - an oasis of reason in a sea of insanity.</title>

<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "/";</script>
<script type="text/javascript" src="dmenu.js"></script>
<!-- (c) 2007, by Deluxe-Menu.com -->


....

<meta name="verify-v1" content="VP25uY4F2NriQQhn7R3wK4aeYoMZpbafF+kkwx+vze4=" />
<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "/";</script>
<script type="text/javascript" src="/dmenu.js"></script>
<!-- (c) 2007, by Deluxe-Menu.com -->

</head>

It is not correct. You should call dmenu.js file only once.

Please, delete the second code.

There is now engine .js files

dmenu.js
dmenu4.js
dmenu_add.js
dmenu_dyn.js
dmenu_key.js
dmenu_cf.js
dmenu_popup.js
dmenu_ajax.js

and data file on your server.



Q: I developed a little test dhtml menu slide tree. For the items "Aktivitaeten Auswahl" and "Kontakt Auswahl" I have no subitems. The item line shows a little button with double arrows.

I would like to get rid of these buttons, because there are no subitems.
How can I do that?

A: You should create Individual XP Style and apply it for these items.

  var tXPStyles = [
["tXPTitleBackColor=#D9DAE2","tXPTitleBackImg=data-quelle.files/xptitle2_s.gif", "tXPExpandBtn=data-quelle.files/right.gif,data-quelle.files/right.gif,data-quelle.files/right.gif,data-quelle.files/right.gif"],
];



Q: If you use firefox this displays fine, in IE it seems to add cell padding around the bottom & right edge of the dhtml image menu. Cant see it in the code anywhere.

A: Set the following parameter:

  var shadowTop=0;



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