Introduction

This is the demo of the use of AT JsMenu. AT JsMenu is DHTML Widget of Pull-down menu can be embedded on the web page which is programmed using JavaScript. This DHTML Widget is designed to simulate Java Swing Menu components. The main steps to create the menu components will look similar between AT JsMenu and Java Swing Menu. AT JsMenu supports icon, sub menu, menu item whose checkbox or radio button and menu separator. The CSS can be customized independently, so you can create your own theme. AT JsMenu has also a feature to store the state of checkboxes and radio buttons on menu in cookie. This is useful to set persistent state of those checkboxes and radio buttons (remember, the web is stateless).

Supported Browsers

AT JsMenu supports the following browsers:

Using Keyboard To Select and Navigate Menu

Since version 1.1, AT JsMenu has already been able to handle keyboard. It's interesting feature. And it becomes more complete in version 1.2. Some keys explained below can be used. You must ensure the HTML document gets the focus in order for the keyboard handling will run. The browser window has focus doesn't mean the HTML document has focus. Another component on window, such as location bar, may have the focus.
The keys are:
- Use Ctrl+Alt or Shift+Alt key to highlight the first menu on menu bar (press Ctrl/Shift key and hold then press Alt key and then release it. After Alt key is released, the first menu on menu bar will be highlighted). Sometimes, Firefox doesn't respond Ctrl+Alt. Try another combination.
- To move the highlighted menu on menu bar, press left/right arrow.
- To open the child menu list of the highlighted menu on menu bar, press up/down arrow or Enter.
- To navigate the menu item inside the menu list, use up/down arrow.
- To open the child menu list of a sub menu, press Enter or right arrow. To close it, use left arrow.
- To select a menu item, use Enter. It will do an action assigned to this menu item and close all opened menu lists.
- Escape key can be used to close the last opened menu list.
- A menu item can also be selected (or opened if it has a child menu list) by pressing its mnemonic key (underlined char). To select the top menu, use Ctrl+Alt+Mnemonic or Shift+Alt+Mnemonic. For the other menus, just press its mnemonic if the menu list containing it becomes the last opened menu.
- Each menu item can also have shortcut (combination) keys that is displayed on the right side of it. By pressing its shortcut is the same as selecting this menu whithout opening/navigating menu list.

Independent popup menu can also handle keyboard. When the popup menu appear, it gets the focus.

XML Dataset

Since version 1.3, AT JsMenu supports XML dataset to define the menu components. In this release, Opera doesn't support it and the XML dataset is still embedded in document HTML. Yet, if you don't to write a lot of script then it's very useful. See the manual.

Revolutionary Change Logs

This widget has some changes up to be like current condition. There are some revolution to make this widget become mature (may be not yet). Ok, we'll be talking about the revolutionary changes. To tell what have happened which are (so) revolutionary, the author of this widget, he is AT Mulyana, will speak directly. Here is his speech:
Ok, it seems to be likely better if I tell the story for each period.
Thanks to everyone who already use it. Need not to be paid, don't worry :D

Copyright © 2001-2006 AT Mulyana

Still dedicated for you. Just pray for me :)