Jquery Basic Collapsable Menu by Deluxe-Menu.com
Jquery Basic Collapsable Menu

Menu Screenshots

Jquery Basic Collapsable Menu Download Dhtml Navbar

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your jquery basic collapsable menu menus easily and in no time
  • Sensible menu parameters for manual editing
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed jquery basic collapsable menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Javascript Tabbed Menu Jquery Basic Collapsable Menu
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
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
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • There can be multi level menus - create as many rows or columns of the menu as you want.
  • Use a mouse to drag a menu as a usual window. Also you can construct the menu where each submenu can be "detached" from the main menu (MSOfficeToolbarLike mode).
  • When the page is scrolled the menu remains visible. The DHTML menu can "float" along one or two coordinate axes.

Recent Questions

Q: The problem with the old computer (by clicking an item the wrong subitem appears and the windows disappears not fast enough. I have tried your recommendation

  var smShowPause=200;
  var smHidePause=1000;
  var transDuration=350;
  var transDuration2=200;


A: Try to decrease these parameters, for example

  var smShowPause=200;
  var smHidePause=300;

Try that.


Q: Everything will go fine during setup, until I get further into it, I will get an error. It says error on a line of text that isnt even there. The line of text does not exists. Please let me know how I can correct this issue and get the program running right.

A: See, it is not correct to write " symbols within menuItems:

   ["||A23 (3" DIAM)","http://www.interlight.biz/products.int?Category=INCANDESCENT&Subcat=A+SHAPE&Dept=A23+%283%22+DIAM%29",

Try to write your last items in the following way:
   ["||A15 (2" DIAM)","http://www.interlight.biz/products.int?Category=INCANDESCENT&Subcat=A+SHAPE&Dept=A15+%282%22+DIAM%29", "", "", "", "", "", "", "", "", "", ],
   ["||A19 (2.5" DIAM)","http://www.interlight.biz/products.int?Category=INCANDESCENT&Subcat=A+SHAPE&Dept=A19+%282%2E5%22+DIAMETER%29", "", "", "", "", "", "", "", "", "", ],
   ["||A21 (2.6" DIAM)","http://www.interlight.biz/products.int?Category=INCANDESCENT&Subcat=A+SHAPE&Dept=A21+%282%2E6%22+DIAM%29", "", "", "", "", "", "", "", "", "", ],
   ["||A23 (3" DIAM)","http://www.interlight.biz/products.int?Category=INCANDESCENT&Subcat=A+SHAPE&Dept=A23+%283%22+DIAM%29", "", "", "", "", "", "", "", "", "", ],




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

Accordion - Forum Nokia Wiki

Nokia.Accordion |- Nokia.Widget |- Nokia.Class (basic class) ... This is largely used to compose menus with submenus. ... jQuery selector or the DOM reference to become the container of the component. ... headerSelected: "ui-icon-triangle-1-s " }; multiple: true; collapsible: true; closed: false

Simple JQuery Collapsing menu

Simple JQuery Collapsing menu. Same menu as seen here but now as a simple collapsing menu. Weblog Tools. PivotX · WordPress · Textpattern · Typo

PivotX Support Community • View topic - hierarchical menu

If you use this JQuery menu code and the following template code: ... toplevelbegin="<ul class='menu collapsible'>"

OXID Community Forum | jQuery UI - Tabs

Nov 14, 2009 ... product-detail.tpl (neu anlegen in out\basic\tpl\inc) .... Navigation, hierarchical menus, tagclouds, search, lists, … ... Help needed jQuery and collapsible sections, vmajor, Developers, 3, 10-31-2009 07:15 AM

symfony framework forum

rewriting template to symfony (jquery, imagebox effect integration) ..... title : 'child panel', region : 'center', collapsible : true, margins : '3 3 3 0', ..... I am trying to create a Menu for my app using sfMilonicPlugin, ..... If Symfony requires PEAR for the basic plugin installation process,

Create a WRT podcast application using the Guarana API - Forum

Since the Guarana API is based upon jQuery, you can also use ... and collapsible panes to display an overview of the podcast and a ... Now that you have created the basic HTML template you can begin to ..... To build the HTML for the accordion menu the jQuery loop calls the appendRSSItem function

Free Accordion Menu R2 [Archive] - Interspire Forum

[Archive] Free Accordion Menu R2 Code Modification and Addon Releases. ... In order to use the newer features of jquery and the accordion, ... Collapsible is inactive if your event is equal to 'mouseover'

jQuery: Novice to Ninja

Expandable/Collapsible Menus . ..... jQuery, and briefly touch on the basic syntax required to call jQuery into action. Chapter 2: Selecting, Decorating,

[Script] Tổng hợp các mod/template của vbb 3.8.x - Support Forum

[AJAX] Collapsible List Of Thanked ... How to remove smilies' text from smilies drop menu .... MVC Libraries, Research & Develop Team, Thông Báo - Quy Định, Research Object, Jquery, Pro CSS, Drupal, Tài Nguyên Diễn Đàn

FLEXIcontent • Afficher le sujet - Accordion, tree or sliding menus

Mar 11, 2010 ... What i need is a collapsible/expandable menu based on category ... Are there possible conflicts jquery <-> mootools with this module?

PHP-Fusion MODs & Infusions - Discussion Forum: [jQuery] Accordion

menu.js file from from _2: Download source Code. /* Simple JQuery menu. ... collapsible : menu works like an accordion but can be fully collapsed

Tutorial: Collapsable Menu -spanish :: Forum :: Indexhibit

Anyway, reading jquery reference you´ll find so easy to apply your ideas. ... over at my site to make the 2nd and 3rd menu collapsable

Kirupa Forum Flash Vertical Dropdown Template - Dropdown Menu Template

DropDown Menu. The most powerful JavaScript Menu on the Web! ... Web Menu How To CSS theming and styling forum for CMS templates and How To Make A Collapsible Menu. ... Joomla Dropline Menu Jquery Drop Down Menu And Rollover Effect

Googlemaps: JQuery Sidebar and collapsible menu problem - jQuery Forum

Ideally, I would want to adapt my current JQuery menu so it looks like

Refresh CGridView after CButtonColumn Ajax request - Yii Framework

Jun 8, 2010 ... Internally a simple jquery ajax call goes... $.fn. .... options for the tabs plugin 'options'=>array( 'collapsible'=>true, ), )); ?>

JavaScript / CSS / JQuery - tabbed, scrolling/marquee, pop-up

Jun 5, 2010 ... JQuery/MooTools/ProtoType etc.), CSS (Styling) and interactive content; * Dropdown menus * Fold out menus * Concertina/Tree/Collapsable

Collapsible menu not working correct in internet explore 8

I have writen(as you can see i am not a jQuery expert :P ) a small piece of code for a ul/li collapsible menu, all browsers do what i want

PHP-Fusion MODs & Infusions - Discussion Forum: [jQuery] Accordion

Sep 23, 2008 ... I would like to present you simple navigation panel which utilisies jQuery's Accordion plugin. It allows to collapse menu items when it has

jQuery Expand/Collapse Cookie HELP! - WebDeveloper.com

If 'hidden', the collapsible elements are hidden by default .... Toggler - http: //www.adipalaz.com/experiments/jquery/expand.html When using

[ORPHAN] zem_event [flexible integrated event management

Zem_event; Zem_paginate; Jquery; DatePicker; Search Form ... by tool in the event_categories tab; basic recurring events (with jquery date picker) ... ' event articles' by section; Make event div collapsable on write page

jQuery Nested Collapsible Menu - WebDeveloper.com

jQuery Nested Collapsible Menu JavaScript. ... I am new to JS and jQuery. I am trying to create a menu that would have several levels that

CiviCRM Forums - CiviCRM js breaks Drupal-triggered jquery plugins?

I have a collapsible block for newsletter mailing list submission and new ... What about civi testing (in js) if jQuery is already defined,

How to create a collapsible menu using aspx and Javascript?

May 22, 2010 ... How to create a collapsible menu using aspx and Javascript? ... use jquery slideUp and slideDown or jQuery Toggle effect. check below links

ZJ Silver Support Thread - Zen Cart Support

It has collapsible side boxes and center boxes, removable side boxes and ... Contributions: CSS Fly Out Menu version:1.3.0.3.2, Mystery Sidebox. ... That shows the basic jQuery additions, I will do a few more over the