Jquery Cascade Menu Template by Deluxe-Menu.com
Jquery Cascade Menu Template

Menu Screenshots

Jquery Cascade Menu Template Css Popup Menus

Features

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 jquery cascade menu template samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Layers Javascript Menu Cascade Jquery Cascade Menu Template
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your jquery cascade menu template 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

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.

Recent Questions

Q: However, I did not see how you get the content of link value of the tab to display below horizontal tabs.

A: See in Deluxe Tabs there are two modes:

1.   var tabMode=0;
You can create only one level of tabs and assign Object Id's of the
DIV's to show when you click on the tab.

["XP Tab 1","content1", "", "", "", "", "", "", "", ],
["XP Tab 2","content2", "", "", "", "", "", "", "", ],
["XP Tab 3","content3", "", "", "", "", "", "", "", ],
["XP Tab 4","content4", "", "", "", "", "", "", "", ],

2.   var tabMode=1;
You can assign only links in this mode.
You should create top level items with subitems.

["XP Tab 1","", "", "", "", "", "", "", "", ],
 ["|Link 1_1","http://deluxe-tabs.com", "", "", "", "", "0", "", "", ],
 ["|Link 1_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 2","", "", "", "", "", "", "", "", ],
 ["|Link 2_1","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 3","", "", "", "", "", "", "", "", ],
 ["|Link 3_1","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_5","testlink.htm", "", "", "", "", "0", "", "", ],

You can use Object ID as well as Link in both modes. Use the following prefixes within item's link field:
"object:" - means that there is object id after it;
"link:" - means that there is a link after it.
"javascript:" - means that there is a javascript code after it, for example:javascript:alert(\'Hello!\')

So, you should write for example:

 ["|Link 1_1","object:Content1_1", "", "", "", "", "0", "", "", ],

Q: I am interested in Deluxe Tabs MAC Style.
However before I do I want to make sure that:

- I can change the buttons pictures on both the first row and the second row. There has to be a <img src=" " > tag in the code somewhere, correct?


- I can expand or diminish the number of buttons and links


- Also, I have a question: if I am on "Mac Tab 1" menu, and I click on "Mac Tab 2" menu without clicking on any of the links onthe second row, what is the page that I see? Do I see by default Link 2_1 or do I see some kind of generic page? In other words is there a "main" page for each tab menu and then you have the other pages which correspond to Link 2_1, Link 2_2, etc.?

- Is it possible to remember a visited sub-menu? For example I am on "Mac Tab 2/Link 2_3" and I go to "Mac Tab 4/Link 4_2" and then I come back to "Mac Tab 2". Can the main page for this "Mac Tab 2" be Link 2_3 which was my last visited link on that tab?


A: 1) No, there is no such tag - <img src=" " >

For the main items you should set such parameters:
bbeforeItemImage - left part of the item
bafterItemImage - right part of the item
bitemBackImage - center part of the item

in normal, mouseover and selected states.

And for the subitems (in MAC template) you should set onlybitemBackImage - the center part of the item.

Please, see the code of this template.

2) You can create any number of the buttons and links.

3) You can set links for main items and for the subitems.
For example:

  var bmenuItems =
[
["Mac Tab 1","http://deluxe-menu.com",,,,,,],
 ["|Link 1_1","http://apycom.com",,,,,,"0"],
 ["|Link 1_2","testlink.htm",,,,,,"0"],
 ["|Link 1_3","testlink.htm",,,,,,"0"],

So, if you click on "Mac Tab 1" you will go to http://deluxe-menu.com
And if you write so
["Mac Tab 1","",,,,,,],
no page will open.

4) This Tab menu can save pressed item automatically within1 page only. If you open another page, the menu can't remember presseditem. You should do that manually using Javascript and menu parameters(  var bselectedItem,   var bselectedSmItem) or using any server-sidescript (php, asp, etc.)


Q: Things are mostly working great. I want my menu to appear centered at the top the page. Here's the code:

<table style="text-align: left; width: 100%;" border="0" cellpadding="2"cellspacing="2">
<tbody>
<tr>
<td style="width: 100%; text-align: center;"><script type="text/javascript" src="navbar.js"></script>
</td>
</tr>
</tbody>
</table>

The table appears at the far left edge of the window. I tried with both absolute (x=20, y=10) and relative (both x and y unset) coordinates. Help!


A: If you want to center the menu paste itwithin the <div > or <table> with a static position and specify a center alignment for it, for example:

<DIV align=center>
<SCRIPT src="data/data.js" type=text/javascript>
</SCRIPT>
</DIV>

<table width=800>
<tr>
<td align=center width=600>

More Q&A

Device and feature detection on the mobile web - Forum Nokia Wiki

... and the level of support for Cascading Style Sheets (CSS), ... *Features dependent on JavaScript and related libraries such as jQuery. .... to download more menu items or to click through to a separate page. .... Figure: An example of the Nokia Mobile Web Templates with and without CSS styling

Using Moodle: Yet more theme changes proposal

Can you explain the difference between the "layout templates" in layout/ and ...... I used a very simple jquery script to select different default font size

Ajax/javascript cascade dropdown menu with sticky entries

I've got a site on which I'm using a jquery cascade menu. The menu itself works well, .... template: commonTemplate, match: commonMatch

Killersites.com Forum - List of threads

Forum: CSS - Styling your pages with Cascading Style Sheets. .... New JQuery Video Tutorial Course Hi, I'm not one to promote our stuff ... CSS Basics course with introducing you to a basic CSS template and we take a look .. ... Hi can someone please in short the steps in my css, for e.g. first * body header menu

Internet Explorer DOM readiness problem and solution explained

... JQuery uses 'ready' , but essentially they all do the same thing, delay execution ... Almost every Browser has a method or menu option for showing the HTML "Page Source" .... I am using RT Affinity template and the issue seems to be with the template. ... Comparison of layout engines (Cascading Style Sheets))

Porting iPhone web app to WRT on Nokia devices - Forum Nokia Wiki

Aug 6, 2010 ... You get to run local HTML, JavaScriptâ„¢ and Cascading Style ... Users can download the widget, install it, and add the shortcut on the application menu and idle screen. .... The Guarana UI Library is a jQuery-based set of customisable UI ... Forum Nokia offers Nokia Mobile Web Templates, a series of

CSS workaround - Google Sites Help

Apr 25, 2009 ... Learning JQuery has so satisfying, until I tried to put my beautiful ... Is the code for my lovely new menu, but alas it looks like I might

CMS Made Simple Forum: Coming Soon - CMS Made Simple 1.8

people that had little clue about the idea of 'cascading' in cascading stylesheets, ... for script handling, editing and deploying the scripts and templates. ... Meet me at GeekMoot, I'm hosting a workshop, "jQuery, CMSMS and You" .... a "menu" and an "overlay" would be ideal to let the code clear

[jQuery] Hover Not Working As Expected - jQuery Forum

http://glsmyth.com/Sedwick/Templates/ Thanks for the help. ... is fine - I think it has to do with the float cascading to the menu items

exemple de page d'accueil avec la balise div et css - Photoshop

Ensuite regarde sur google : free css template , tu trouveras des tonnes de ... With task panes and menus just where you need them, you're free to ... Separate design from content with Cascading Style Sheets-the ... Work with popular JavaScript frameworks including jQuery, Prototype, and Spry

New Community Web Development Forum - Web Development Blog

Nov 16, 2009 ... flitakEpleatt on May 13, 2010 at 2:10 am. have registered to use the forum. thanks. jquery templates on May 24, 2010 at 7:30 am

Spring Roo [Archive] - Page 2 - Spring Community Forums

Spring ROO development process definition · jQuery support for Roo · Creating schema from entities · Roo 1.0.1 generating fully-qualified names

Flowplayer Forums - Playlist Plugin not Working

... but the playlist menu doesn't seem to appear where it should. ... single playlist entry as an "template" --> <a href="${url}"> ${title} ... I had a feeling it was probably something to do with the cascading style sheets. .... on the top of the page you have script includes. place jquery script

Forum Swt Menu Background Color Template

I like about cascading drop down list is its small size and the fact that one can ... Java Menu Creator jquery vertical menu multi level visited

Kohana Forums - Usage Examples (aka Snippet Share)

My forge template, uses only fieldsets, legends, and labels. .... continuing the work dlib's started with jquery and forge, i've slightly modified the .... was just messing around with ORM_Tree tonight and made a menu many levels deep .... users (id) ON DELETE CASCADE, ADD CONSTRAINT roles_users_ibfk_2 FOREIGN KEY

Joomla! 1.5 Template Design

Cascading fonts. 41. Font sizing. 42. Paragraphs, blockquotes, and other text markup. 44. Default links. 44. Form elements .... Enter jQuery lightBox ...... menu item called Content, because it gets used the most and needs several

Using Moodle: The Future of Moodle Templates?

I mean even if I ignore the copious doses of javascript above the menu that seem to ...... suffers often from sometimes unreadable cascades of conditionals. .... (That would also provide hooks for AJAX implementations, e.g. with jQuery,

Cascade plugin - having trouble with conditional cascades - jQuery

<script type="text/javascript">; // Set up dropdown menu items for Cascade; var az_list = [; {'When':'AZ','Value':'Phoenix'

Interesting issue with RegisterCSS() and PageBuilder - Ektron

However, when I tried to do this on a PageBuilder template page, I noticed something strange. ... Managing the cascade is sometimes difficult, especially in a PageBuilder situation, ... .body .navigation .menu .item .icon .document ... Menu Subnav XSLT Help (8/13/2010) · Taxonomy JQuery Navigation

How to Create a PHP/MySQL Powered Forum from Scratch

If you would want to do that, you could replace the 'ON DELETE CASCADE' ... The menu div obviously contains a menu with links to pages we still have to ...... How to Build a Shopping Cart using CodeIgniter and jQuery · SQL for Beginners Part 2 .... shopping cart (1); Showcase (6); Site Builds (1); site template (1)

OpenCart Community • View topic - [RELEASED] - Cascading

Is it possible to mod this sub cat menu so that Level_0 and Level_1 stay opened ... but maybe using JQuery to add an effect when droping down for ... value in the controller and passing that through to the template,

Microsoft ASP .NET - Page 123

Cascading Style Sheets · IIS for Vista Home Premier · Displaying Images From An SQL ... Setting menu properties - ForeColor · Forms based authentication provider ... Can't find a GridView inside a template of a custom templated web control ... Forms Auth and Timeout page · Anyone using JQuery witth ASP.net?

COD 4 PHP RCon

Added: GoogleCode library: jQuery Hotkey plugin. .... Changed: Settings menu is hidden by default, it is displayed (and more php code

question about css and seo - Webmaster Central Help

Oct 19, 2009 ... CSS = Cascading Style Sheets. It is a way to apply Styling/Presentation ... You need to use some JS or Jquery to set the class correctly to ... highlighted in the menu so you don't try and click it and wonder why it isn't working ;) ... want that to be applied to all pages you may create a templete