Java Expanding Vertical Menu Tutorial by Deluxe-Menu.com
Java Expanding Vertical Menu Tutorial

Menu Screenshots

Java Expanding Vertical Menu Tutorial Folder Menu Javascript

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your java expanding vertical menu tutorial menus easily and in no time
  • Sensible menu parameters for manual editing
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
Dhtml Wizard Java Expanding Vertical Menu Tutorial
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed java expanding vertical menu tutorial samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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!
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • You can set the size of the menu in pixels, percent or other units. The menu may have an absolute or relative position (it can be inserted into the table).
  • Use any necessary font of any color, size and font decoration. Create any available type, thickness and color of a menu's frame.Choose any color for backgrounds of submenus and items.
  • Specify various values for padding and spacing 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.

Recent Questions

Q: Hey Guys I'm trying to find a windows folders style tree menu that is easy to install and use with at least 2 levels of expansion. do you have anything like this?


A: Thanks for your interest in our products.

Please, see Deluxe Tree Menu,

http://deluxe-tree.com/data-samples/tree-menuxp.html


Q: We have two frames in a frameset, one for the menu and one for the content where the javascript menu frame expands normally without any problem. Our content frame's source is determined dynamically. The problem occurs when the content frame contains a page with another frameset in it. Unfortunately we can not avoid this for now. And when this happens our menu stops expanding.

A: Unfortunately it is really possible that you'll have problems in thatcase because the index of the content frame will be changed.

For example now you have:
<frameset id="frmSet">
<frame> //menu index=0
<frame> //content index=1
</frameset>
Your init function will be:
dm_initFrame("frmSet", 0, 1, 0);

But if you'll have frameset instead of content frame:
<frameset id="frmSet">
<frame> //menu index=0
<frameset>
<frame> // index=1
<frame> //content index=2
</frameset>
</frameset>
You should write your init function in the following way:
dm_initFrame("frmSet", 0, 2, 0);

You should change your javascript menu frame init function in that case.



Q: Is the Deluxe Tuner application compatible with Deluxe Popup Window?
I haven't been able to use the Deluxe Tuner to create any content through Deluxe Popup Window based on the instructions on the Deluxe Popup Window website.
I feel like I'm missing instructions somewhere.

A: There are 3 types of window content in popup window:Iframe(url); Object_id; text(html content).

You can set the type of the content in the Deluxe tuner (winContent parameter).
Change popup window parameters, use templates.
Then export your project to HTML "File -> Export - > To HTML".
Open the generated data file with all popup window parameters in any text editor and make changes to your content.

For example:

content:"<div style=\"text-align:center;\"><b>Sample content</b></div>This is a simpleHTML code for content. Here you may also set link to content page or ID of some element.",

If you'll have further questions - write us, we'll try to help you. You can also write us what content you want to add inside the popup window and we'll help you to create such popup.


Q: I am using your Deluxe Tabs software, and I am simply trying to implement your dhtml menu samples:

http://deluxe-tabs.com/file/templates/deluxe-tabs-style-3.html

I have downloaded the trial software and built my tabs, but at this point, all I have is the tabs... I need the entire box under the tabs, and I need to be able to insert my content for each tab.

Please explain to me how to use your dhtml menu samples.


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">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>


<br><br><br>

You should paste your content here!!!!!
</div>

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

<br><br><br>

You should paste your description here!!!!!
</div>