Menu Deroulant Dhtml Cross Frame by Deluxe-Menu.com
Menu Deroulant Dhtml Cross Frame

Template:

Red Menu Template - Movable Menu





    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Horizontal or vertical orientation
    - Submenus automatically scrolls
    - Submenus dropdown on mouseover
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Sound support!
    - 85% transparency for sub menus
    - Submenus go over all page objects




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

Menu Screenshots

Menu Deroulant Dhtml Cross Frame Netscape Drop Down Menu

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

Features

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
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
Script Vertical Menu Menu Deroulant Dhtml Cross Frame
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your menu deroulant dhtml cross frame 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.

  • Use a mouse to move a menu as a usual window. Also you can create the menu where each submenu can be "separated" from the menu (MS Office toolbar-like mode).
  • When the page is scrolled the menu remains visible. The menu can "float" along one or two coordinate axes.
  • There can be multilevel menus - create as many rows of the menu as necessary. Any submenu in its turn can include different number of columns.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Hi - I've turned on tsavestate which works, but it acts erratically. I have my javascript cascade menu .js file in a /js folder, and the site has multiple directories, but all the pages in all directories use the same menu SSI include, which uses the same deluxemenu code in the common /js folder. I read your KB article about states, cookies and multiple folders, but it is confusing... does it actually save state per directory, versus per the entire domain? I only have one menu for the entire site.. just would like it to save state correctly for all pages in all folders that include that javascript cascade menu.

A: It's a feature of the browser. It creates different cookies for eachsubdirectory.The only way is to place all your pages in the one directory.



Q: One other question, how do you get the menu bar to highlight and stay on the page you are viewing rather than highlighting home the whole time.


A: You should set a pressed item using Javascript API:

function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)

Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.

But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem.
You can't get this ID after you reload your page. That is why you should write your own code on PHP.


Q: I ordered & installed the dhtml collapsable menu.
I can't seem to get the floating function to work. Here's how I have the variables set in the data-tree.js file:

  var tfloatable = 1;
  var tfloatIterations = 10;
  var tfloatableX = 0;
  var tfloatableY = 1;

And here are the links to the .js files in my HTML doc <head>:

<!-- Deluxe Tree -->
<noscript><a href="http://deluxe-tree.com">JavaScript Tree Menu by Deluxe-Tree.com</a> </noscript>
<script type="text/javascript">  var tWorkPath="tree-menu/";</script>
<script type="text/javascript" src="tree-menu/dtree.js"></script>
<script type="text/javascript" src="tree-menu/dtree_add.js"></script>
<script type="text/javascript" src="tree-menu/dtree_ajax.js"></script>
<script type="text/javascript" src="tree-menu/dtree_dyn.js"></script>
<!-- Copyright (c) 2006, Deluxe Tree, deluxe-tree.com -->

Please let me know if there are any other settings that need to be changed. I'm hoping to go live with this site wed. so a quck reply is appreciated.

A: Notice, your dhtml collapsable menu won't float with relative position. You shouldset:

  var tabsolute=1;



Q: I hope you have a instructions so we can install css menu in our website.

A: Unfortunately we don't have step by step tutorial yet.
We'll try to create it in the nearest time.

1. Create your Css menu in Deluxe Tuner.

When you open Deluxe Tuner you can click "File/New" and add items
and subitems using buttons "Add Item" and "Add Subitem" on the main window.
See the parameters for the menu on the main window.

More info about menu parameters you can find on our site
http://deluxe-menu.com/css-menu/parameters-info.html

2. You should install the menu on your page.
You can click, for example, File->Save Css Menu/Export HTML

So, you'll have folder with images and .css file ("deluxe-css-menu.files/" folder by default),
deluxe-css-menu.html file and deluxe-css-menu.js file with all menu parameters
(project file you need, if you want to modify your menu later,
there is no need to upload deluxe-css-menu.js on your server).

Open deluxe-css-menu.html file in any text editor and copy several rows of
code into your page (for example index.html page of your website).

Copy and paste several rows into your html page (index.html).

<head>
...
<link type="text/css" href="deluxe-css-menu.files/style.css" rel="stylesheet">
...
</head>

<body>
...
<!-- Deluxe Css Menu -->
<ul id="cssMenu">
<li><a href="testlink.html">Home</a></li>
<li><a href="#"><span>
<img class="def" src="deluxe-css-menu.files/icon1.gif"/>
<img class="over" src="deluxe-css-menu.files/icon1o.gif">Product Info</span>
<![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul style="width:161px;">
....
</ul>
<!-- (c) 2009, Deluxe-Menu.com -->
...
</body>

You should also copy "deluxe-menu.files/" folder with all images and .css file
into the same folder with your index.html page.

More info about installation:
http://deluxe-menu.com/css-menu/installation-info.html

Try that.
Buy Now!   ::  Free Trial Download   ::  More Info