Javascript Tab Menu Cross Frame by Deluxe-Menu.com
Javascript Tab Menu Cross Frame

Template:

iPhone 20 Template - Mouseover CSS Menu






    - Search feature - add the search area in the menu and type symbols.
    - Horizontal or vertical orientation
    - Submenus dropdown on mouseover
    - Image arrows
    - Filters and Transitional effects
    - UL/LI items structure
    - 85% transparency for sub menus
    - Status string shows item labels




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

Menu Screenshots

Javascript Tab Menu Cross Frame Dropdown Menu

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 tab menu cross frame menus easily and in no time
  • Sensible menu parameters for manual editing
On Mouseover Drop Down Menus Javascript Tab Menu Cross Frame
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript tab menu cross frame samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Cost Effective
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
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Build right-click menus for your site. For this purpose you should appoint a peculiar method for the object you want. The current X,Y of the mouse pointer or your own ones can be used for the context menu.
  • Design menus absolutely based on CSS (Cascading Style Sheets). It is possible to apply the personal CSS styles for every elements of the menu.
  • When the submenu is bigger than the visible page area, the size of submenu will be automatically decreased. To view all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automagically scrolled! You can also define width and height for each submenu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Does your menu have the ability to have small text boxes on it?
For example the search box on your main page under your logo.


A: You can use any html code within item text, for example:

  var menuItems = [
["<input type=text value='field'>text", ],
];

Try that.


Q: I've been working with your javascript menu sample and like what I see so far. One issue I have seems to be with the smColumns variable. I'm assuming it was for just the sub menus but in the trial when I change this the entire menu goes into multi- column mode. I exported the project to HTML thinking I could manually change it there, that produced the same result, changed the entire menu to multi-column.

Our menu will be dynamic (populated from SQL Server) with only some of the sub menus being multi-column. We will even have multiple sub menus for certain items and we'll need to have the capability to set which one of those will be displayed in Multi-columns and which ones will not. (See Below) So the question becomes; Is there a way to set the number of columns only for the javascript menu sample subitems we desire to have multi-column and if so how?

A: You should use Individual Styles and set number of javascript menu sample submenu columns foreach submenu individually.

  var menuStyles = [
["smColumns=2","smOrientation=undefined"],
];



Q: I updated the files you talked about. I can see the javascript cascading menu on most computers, but not all. I am sorry to ask the same question over but my problem is persisting with some computers.

A: It is not correctly to add # symbol before the top item. This itemwill be hidden.

You can find more info here:
http://deluxe-tree.com/menu-items-info.html

Now you have:
["#FCLWD-SFCSD Home","http://www.fclwd.com/", "", "", "", "", "", "0", "0", ],

You should write:
["FCLWD-SFCSD Home","http://www.fclwd.com/", "", "", "", "", "", "0", "0", ],



Q: What I try to make is a menu dhtml with items having a border of only 1 px, also between the menu items. However it seems that Deluxe menu draws a 1 px line around every menu item giving an effective border line of 2 px between the area where the items touch each other. I want to have 1 px border also on the areas where the items touch each other.
Any suggestion how to fix this?


A: If you want to have the 1px border between the items only you canuse separators.

Please, see the following parameters:

//--- Separators
  var separatorImage=""; //for subitems
  var separatorWidth="5";
  var separatorHeight="100%";
  var separatorAlignment="right";
  var separatorVImage="images/public/separator.gif"; //for the top items
  var separatorVWidth="1";
  var separatorVHeight="100%";
  var separatorPadding="";

You should set a separator in the menuItems, for example:

  var menuItems = [
["Home","index.cfm", , , , , , , , ],
["-"],
["About Us","about.cfm", , , , , , , , ],

];


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