Indexhibit Expanding Menu Tutorial by Deluxe-Menu.com
Indexhibit Expanding Menu Tutorial

Menu Screenshots

Indexhibit Expanding Menu Tutorial Javascript Tab Menu

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 indexhibit expanding menu tutorial menus easily and in no time
  • Sensible menu parameters for manual editing
Images In Dhtml Menu Indexhibit Expanding Menu Tutorial
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
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Good menu is an essential part of website commercial success. If people can't find their way around the site, they will fast give up seeking and retire, never to return. So, it's extreme serious that your website has a accurate, precise, prompt, and navigation of immaculate appearance.
    Don't let your web site guests to get lost. Try Deluxe Menu!

Recent Questions

Q: Where I, that the Submenue of my javascript menu vertical doesn't vanish so quickly, can put in. I want to fade it somewhat later.

A: Try to use the following parameter:  var transDuration = 500;



Q: Can you please give me tips on how I can style all menuitems to have font bold when selected and normal font when not selected?

A: Unfortunately, Deluxe Tree doesn't have such a feature. You can onlyset it's color. You cannot set the font of menu item bold when selected.

You can set menu item's font bold onMouseover, see example here:
http://deluxe-tree.com/data-templates/vista-style-7-template-sample.html

You should addthe following code in your data file:

function changeFont(obj, over)
{
obj.style.fontWeight = over ? 'bold' : 'normal';
obj.style.fontSize = over ? '13px' : '12px'; // You can not use this line
}

  var tmenuItems = [

["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Security</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Ease of Access</div>","", "", "", "", "", "", "", "", ],
 ["|<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Internet Options</div>","", "", "", "", "", "", "", "", ],
 ["|<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Windows Firewall</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Network and Internet</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Hardware</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Programs</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Appearance</div>","", "", "", "", "", "", "", "", ],
 ["|<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>User Accounts</div>","", "", "", "", "", "", "", "", ],
 ["|<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Personalization</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Sound and Speech</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Additional Options</div>","", "", "", "", "", "", "", "", ],
];

Please, notice also that you should add this function every time whenyou change your menu in Deluxe Tuner application, as Tuner deletesthis function.



Q: We are using Deluxe Menu for our website. When developing a new menu with longer text we are facing an issue.

JS Code for a menu item (Ajax technology):

[' Introduction &<br>Search Terms',
'/TeachingLaw/Courses/LegalRsrchWriting/AmySloan/Room1/','','' ,'' ,'' ,'' ,''
,'/TeachingLaw/DeluxeMenu/AmySloan/Room1.js',],

Code as above is used to create a the following menu:

We are using <br> as the menu text is too long but the problem we are facing is the space between two line of web menu text.

Can you please let me know how we can reduce the space?

A: You can write your text in the following way:

["<div style='line-height: 10px'> &nbsp;Introduction &<br>Search Terms</div>",
"/TeachingLaw/Courses/LegalRsrchWriting/AmySloan/Room1/","","","","" ,"" ,""
,"/TeachingLaw/DeluxeMenu/AmySloan/Room1.js",],

or

['<div style="line-height: 10px"> &nbsp;Introduction &<br>Search Terms</div>', '/TeachingLaw/Courses/LegalRsrchWriting/AmySloan/Room1/','','' ,'' ,'' ,'' ,'','/TeachingLaw/DeluxeMenu/AmySloan/Room1.js',],


Q: I have function "confirmLogout()" that it returns true or false. If it is false, the function does not make nothing. If it's true, I need to direct for the page "goout.jsp". How to use this function in the mouseover drop menu?

function confirmLogout() {
if(confirm('It really desires to leave? ?')) {
return true;
} else {
return false;
}
}

A: Actually you can use your own Javascript code instead standard mouseover drop menu links. For example:

  var menuItems = [
["text", "javascript:your_code_here"]
];

or

  var menuitems = [
["<div onClick='your_code_here'>item text</div>", ""]
];