Extjs Menu Keyboard Navigation by Deluxe-Menu.com
Extjs Menu Keyboard Navigation

Template:

Digg Style Template - Dhtml Navigation Menu

 Website Title







    - Hundreds of pre-designed templates
    - Several menus on one page
    - Horizontal or vertical orientation
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Sound support!
    - Text aligned to left
    - Inactive/Disabled items
    - Items with icons




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

Menu Screenshots

Extjs Menu Keyboard Navigation Xp Menu Dhtml

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

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed extjs menu keyboard navigation samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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
Dhtml Menu Tab Extjs Menu Keyboard Navigation
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
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Create contextual menus for your pages. For this purpose you should assign a special function for the object you want. The current coordinates of the mouse pointer or your own ones can be used for the contextual menu.
  • When the submenu is larger than the visible area of the page the submenu will be automatically decreased. To see all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automatically scrolled! You can also specify height and width for each separate submenu.
  • Build menus completely based on Cascading Style Sheets. It is possible to appoint the individual CSS styles for separate elements of the menu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Is it possible to put PHP, or other scripting languages within the tab menu javascript?

A: See, for each item you should assign the ID property of the content DIV.

["Style Name","contentName", "", "", "", "", "1", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Description","contentDescription", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Variations","contentVariations", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Empty","", "", "", "", "", "2", "", "", ],

And on your html page you should create DIV's with such ID.
<div id="contentName" style="height: 0%; visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>

<br><br><br>

You should paste your content here!!!!!
</div>

You can paste any code within DIV's (PHP, Javascript ...)



Q: Thank you for your reply. I have run the example sent by you. Your dhtml menu example has horizontal menus and it hides all the menus.

But I am using xp vertical menu. In that I have Home,Sales,Customer Support,Reports,Access Control menus.

For Admin login I need all the menus including submenus.

But for employee login i need Home , Sales, Customer Support menus and i need only few sub menus only.

Please help me with this issue.

A: You can try to use API functions in that case:

function dm_ext_changeItemVisibility (menuInd, submenuInd, itemInd, visibility)

More info:

http://www.deluxe-menu.com/functions-info.html



Q: Typically in order to generate a menu with multiple layers I’d put a pipe character in front of the menu text..  For example:

 ["|Page Admin","/admin/handoutadmin.php", , , , "_new", , , , ],
     ["||Student Pages","/admin/handoutadmin.php?type=1", , , , "_new", , , , ],
     ["||Teacher Pages","/admin/handoutadmin.php?type=2", , , , "_new", , , , ],
     ["||Family Letters","/admin/handoutadmin.php?type=4", , , , "_new", , , , ],
     ["||Transparencies","/admin/handoutadmin.php?type=3", , , , "_new", , , , ],

  However, when I try to do it with dm_ext_addItem it actually SHOWS the pipe character and doesn’t create any menu levels at all. 
For example:

dm_ext_addItem(0, 0, ["Add a Handout to this Lesson", "", "", "", "", "", ""]);

dm_ext_addItem(0, 0,  ["|Student Page","/admin/handoutadmin.php?type=$type", "", "", "", "_new", ""]);

dm_ext_addItem(0, 0,  ["|Teacher Page","/admin/handoutadmin.php?type=$type", "", "", "", "_new", ""]);

How can I generate multiple levels of the menu with javascript?

A: I suppose that your code is not valid
dm_ext_addItem(0, 0,  ["|Teacher Page", "/admin/handoutadmin.php?type=$type", "", "", "", "_new", ""]);

Try to write it in the following way:
dm_ext_addItem(0, 0,  ["|Teacher Page", "/admin/handoutadmin.php?type=", "", "", "", "_new", ""]);



Q: Hello, Could you please help me with an alignnment issue with my website. If you go to mt website you will see the problem. I set the x alignment to=266 but the y alignment is left blank because I would like to keep the menu centered on the site.


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>
Please, set exact value for   var menuWidth parameter, for example:

  var menuWidth = "300px";
This can help to align your menu correctly in all browsers.
Try also to specify units in "px".
Set also:
  var absolutePos = 0;

Try that.


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