Sphere Menu Dhtml by Deluxe-Menu.com
Sphere Menu Dhtml

Template:

Green Tabs Template - Mouseover Drop Down Menu






    - Relative/Absolute menu position
    - Items with icons
    - Horizontal or vertical orientation
    - UL/LI items structure
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Top items and submenus have a shadow
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Personal CSS styles for separate menu elements




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

Menu Screenshots

Sphere Menu Dhtml Transparent Menu Html

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

Features

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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed sphere menu dhtml samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Creating Horizontal Dropdown Menus Sphere Menu Dhtml
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your sphere menu dhtml menus easily and in no time
  • Sensible menu parameters for manual editing
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!



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

Javascript Menu. DHTML Menu.

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

Recent Questions

Q: Will html navigation bar work with site created using FrontPage?

A: Yes, Deluxe CSS Menu will work fine with site created in Frontpage.

Add all code generated by Deluxe Tuner.
You should copy all css styles for the menu and add it into your own .css file (orcreate a new .css file for the menu and call it on your page).

Then copy all HTML code for the menu and paste it in the place where you want to have amenu.

To view css styles and html code click "View HTML" button on the Preview window in theDeluxe Tuner.



Q: Now I need to work out how to add multiple menu's to a page? Are you able to reference these separately - is this possible.

The page that I am creating lists out notes from our system - there is a "options" button to the right of each note - when the cursor hovers over this button I want to dynamically load themenu's. On any page there could be over a 100 of these "option" buttons and the menu that would load from each option button could be different and specific to the note.


A: You can add as many menus as you want on the one page.

You should call
<SCRIPT type=text/javascript>  var dmWorkPath = "data.files/";</SCRIPT>

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

and then call your data files:

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

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

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

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

> The page that I am creating lists out notes from our system -
> there is a "options" button to the right of each note - when the
> cursor hovers over this button I want to dynamically load the
> menu's.

You can try to use pop up menus
http://deluxe-menu.com/popup-mode-sample.html

You may also generate a menus from a database or XML using any server-side script, e.g., PHP, ASP, VB, etc.


Q: I am just in the process of evaluating your deluxe menus product for possible purchase.  
I have installed the product and i am using the Deluxe Tuner product to create my menus based on the Vista 3-08 template.  

I save the project and it adds the .js files in the correct location ( all under Menu folder in my project), but none of the images for the top level menu are copied (btn_red.gif or btn_red2.gif).  

So when i run my website, i see the drop down menus but no header menu images (see attached image).  

What image files need copying to which location in my websites main folder?


A: When you save your menu in Deluxe Tuner (use "Save as..." or "Exportto HTML" functions) you'll get a folder with all engine files(dmenu.js, dmenu_add.js ...) and all images.

So, for Vista Style 3-08 template you'll have the following images:

arr_white.gif
arrv_white.gif
blank.gif
btn_red.gif
btn_red2.gif

You should copy folder with all these files on your server.


Q: I have one problem you may be able to help with:

If I set

  var tsaveState = 1;

The following errors are generated:

_tls is not defined

tob has no properties

and the menu doesn't display.

If you could help with this I would be grateful.


A: You should use dtree_ss.js file.

You should install your menu so:

<noscript><a href="http://deluxe-tree.com">Javascript Tree Menu by Deluxe-Tree.com</a></noscript>
<script type="text/javascript" src="menudir/dtree.js"></script>
<script type="text/javascript" src="menudir/dtree_ss.js"></script>

<script type="text/javascript" src="menudir/tree-data.js"></script>


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