Css Collapsible Menu Tutorial by Deluxe-Menu.com
Css Collapsible Menu Tutorial

Template:

iPhone 1 Template - Cascading Drop Down Menu






    - Submenus automatically scrolls
    - Top items and submenus have a shadow
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Items with icons
    - 85% transparency for sub menus
    - Horizontal or vertical orientation
    - Image arrows




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

Menu Screenshots

Css Collapsible Menu Tutorial 3d Menu Bar Icons

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

Features

Cost Effective
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
Tab Navigation Drop Down Css Collapsible Menu Tutorial
Easy Setup
  • De Luxe Tuner. GUI interface to create your css collapsible menu tutorial menus easily and in no time
  • Sensible menu parameters for manual editing
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed css collapsible menu tutorial samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings



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

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

Recent Questions

Q: I want to use the java mac tabs, but my sub menu has no image like on the table sample on your site.

A: You should assign Individual Style for all subitems:

  var bmenuItems = [

["XP Tab 1","", "", "", "", "", "", "", "", ],
 ["|Link 1_1","testlink.htm", "", "", "", "", "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", "", "", ],




Q: I have the menu working perfectly on the main page of the website,but when I try to install menu javascripts onto html files that appear in subfolders of the site, the images do not appear.

A: You can use additional parameters to make menu paths absolute:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://domain.com/pages/";

These parameters allow to make images and links paths absolute.
For example:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://domain.com/pages/";

  var menuItems = [
["text", "index.html", "icon1.gif", "icon2.gif"],
];

So, link path will be look so:
http://domain.com/pages/index.html

Images paths will be look so:
http://domain.com/images/icon1.gif
http://domain.com/images/icon2.gif

Please, try to use these parameters.

Q: I am having some difficulty dynamically adding items to a tree javascript and menu.

I have a menu with one "root" item. I see the use of the "+" symbol within the item name. I do not see any documentation regarding this symbol, only "|". Can you explain?

If I have one menu with this one "root" node, how would I add an subitem to this root node?

Here is my code so far, but the inserted items appear to be at the same level as the root node.

  var rootItem = dtreet_ext_getItemIDByIndex ( 0,0 );

  var menuItem = new Array(10);
for (   var i = 0; i < producers.length; i++ )
{
  var producer = producers[ i ];
menuItem[0] = producer.name;

dtreet_ext_insertItem ( 0, 0, i + 1, menuItem );

A: See dtreet_ext_insertItem () function has the following parameters:

function dtreet_ext_insertItem (menuInd, parentItemID, itemInd, itemParams)

Creates a new item and inserts it into a specified position.
menuInd - index of a javascript and menu on a page, >= 0.
parentItemID - ID property of an item.<, >= 0.
itemInd - index of a new item within the javascript and menu, >= 0.
itemParams - item parameters.

Notice that parentItemID is the Id property of the parent item (notindex). If you want to add top items you should set parentItemID=0.

itemInd - you should use this parameter if you want to add item in thespecific place, for example set itemInd=5 if you want to add itembefore the existing item with itemInd=5.
If you set itemInd=null the new item will be added at the end of this submenu and its index will be added automatically.



Q: I am afraid I am still having difficulties.

Key issue is fine, no problems there. However, I cannot seem to make this NOT showing me a window open example when the page opens. I just want to have popups upon click. What I want is to be able to create links, within the same page, that will popup windows of different content and size, all upon click (not upon page loading.

What am I doing wrong here?

In the site I have the following:
1. A www.domain.gr/deluxe-popup-window.files folder
2. A http://www.domain.gr/deluxe-popup-window.js script
3. and my test page creating the popups

So, in my sample page:
1. I do NOT want to have the 1st popup which loads automatically as the page opens
2. I want to have the 2 samples shown there, Sample 2 and Sample 3.
3. These 2 samples must show windows of different width and height.

Please help me here.

Looking forward to your answer.

A: Delete openAfter= text from the deluxePopupWindow.attachToEvent()function in the following file:

http://www.domain.gr/deluxe-popup-window.js

In that case popup window won't show till you click on the link.

deluxePopupWindow.attachToEvent(win,',,,,,')

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