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

Template:

iPhone 13 Template - CSS Menu Collapse






    - Relative/Absolute menu position
    - Unlimited number of sub levels
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Text aligned to left
    - Submenus automatically scrolls
    - Search feature - add the search area in the menu and type symbols.
    - Cross-frame support - menus work on frameset-based pages
    - Visible over select boxes, iframes, pdf, flash, Java applets.




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

Menu Screenshots

Css Collapsable Menu Tutorial Web Toolbar Javascript

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

Features

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 css collapsable menu tutorial menus easily and in no time
  • Sensible menu parameters for manual editing
Website Menu Style Css Collapsable Menu Tutorial
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed css collapsable menu tutorial 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.

  • Tune menu parameters manually or using Deluxe Tuner. Then add several rows of a code within html page - your menu is ready!
  • Use special JavaScript functions for: Dynamic changing of items (text, link, icons and even individual style!). Making a menu item active/inactive. Addition/removing of items. Changing of visibility of items. Getting the information on any menu, submenu and items. Other tricks.
  • Opportunity to control the menu from the keyboard.
  • Cross-frame mode allows you to build full-featured menus on the pages that use frame-based structure. But for all that it's not necessary to insert any additional code into all the pages - just specify some additional parameters of the menu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I would like to add the javascript API to a link contained in my website that will have the corresponding item in the deluxe-tree menu act as if it was "clicked".

Presumably I need to add the script (for example) <A HREF="http://deluxe-menu.com/features-info.html" TARGET="_self" "..javascriptHere ..">. Can you give me an example please of what code goes into there.

I presume I use dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion) but where do I get the ????Ind data from and make the javascript call in the above link.

A copy of a working example together with where to get the data , perhaps on your own web pages, would help.

A: Deluxe Tree doesn't save a presseditem as it saves a tree state. It works within 1 page only and if youreload the page you should set a pressed item using Javascript API:

function dtreet_ext_setPressedItem (menuInd, itemID)

<script type="text/javascript">

  var i = <?php echo $selitem; ?>;
onload=setPressed;
function setPressed()
{
dtreet_ext_setPressedItem(0,dtreet_ext_getItemIDByIndex(0, i));
}

</script>
You should define selitem using server side script.



Q: All of a sudden I'm getting the 'Incorrect Copyright" on two of my sites.??

  Here's what I have in the file:

  <!-- Deluxe Menu, Deluxe-Menu.Com -->
<noscript><a href=http://deluxe-menu.Com/>Javascript Menu by Deluxe-Menu.Com</a></noscript>
<script type="text/javascript" language="JavaScript1.2">vardmWorkPath = "menudir/dmenu.js";</script>
<!-- (c) 2005, Deluxe-Menu.Com -->

  What's wrong??


A: What version of the menu you're using?

Now we have new version of the menu v2.4. We've fixed "IncorrectCopyright" message in IE7 in it.

How to upgrade to v2.4
---------------------------------------------------------------
You can download the licensed engine .js files from the same link in your license message.
Deluxe Menu v2.4 has new parameters and features.
To upgrade to v2.4 you should do the following.

Step 1.
1.1 For Windows users
a. Install new license package. (you can download it from the same link in your license message)
b. Run Deluxe Tuner v2.4
c. Open menu data file (.js file where menu parameters are placed):
select File/Open…
d. Save the file: select File/Save, then click "No" button when the dialog box appears.

1.2 For other OS users
a. Open menu data file (.js file where menu parameters are placed) in a text editor.
b. Make sure that the following variables exist in the data file:

  var keystrokes = 0;
  var dm_focus = 1;
  var dm_actKey = 113;

  var dynamic = 0;
  var smHideOnClick = 1;
  var itemAlignTop = 'left';
  var smSmartScroll = 1;

  var dmAJAX = 0;
  var dmAJAXCount = 30;
  var dmRTL = 0;
  var dmObjectsCheck = 0;
  var menuBackRepeat = "repeat";
  var menuHeight = "";
  var transDuration2 = 200;

If one of the variables doesn't exist - add it at the beginning of the file.

c. Save the file.

Step 2. Now open HTML-page that contains Deluxe Menu.

Step 3. Replace existent <noscript></noscript> tags of the menu by the following code:

<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>

See more info about installation here:
http://deluxe-menu.com/installation-info.html

Step 4. Save HTML-page.

Step 5. New engine v2.4 has 7 .js files.
They are:
- dmenu.js
- dmenu4.js
- dmenu_add.js
- dmenu_dyn.js
- dmenu_key.js
- dmenu_cf.js (new v2.00)
- dmenu_popup.js (new v2.00)

Replace all old .js files by the files from v2.4.

Try that.


Q: I have an interest in purchasing your product but wanted to ask a question to see if it would satisfy my needs.  The menu samples you have are all horizontal, can your menu go vertical?


A: To create vertical menu you should set the following parameter:

  var isHorizontal=0;

Please, try the trial version at first.


Q: I bought the product Deluxe Menu & Tree & Tabs and I need support. How I make to insert a code java in the event on click of the button "Ok", when this button is in tree dhtml menu bar? For example, it sees the figure in annex. The button "ok" it validates login and the password of the user, through the database.

I live in Brazil. Exists some support in Portuguese?

A: No, unfortunately we support in English only.

You are able to paste any html code within items.

For example:

  var tmenuItems = [
...
["<nobr><FORM method=GET action='http://www.google.com/custom'><input name='as_q' value='searchthe web' size=15 style='font-size:10'>&nbsp;<INPUT type=hidden name=cof value='LW:144;L:http://domain.edu/images/sulogo.gif; LH:45;AH:center;GL:0;S:http://domain.edu;AWFID:e01cb67b8afe383e;'> </form></nobr>","", "images/icons/search.gif", "", "", "", "", "", "", "", "",],

You should write your own code within tmenuItem.



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