Spry Accordion Menu Sample by Deluxe-Menu.com
Spry Accordion Menu Sample

Template:

iPhone 9 Template - CSS Drop Menu






    - Filters and Transitional effects
    - Status string shows item labels
    - Inactive/Disabled items
    - Sound support!
    - Search feature - add the search area in the menu and type symbols.
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Several menus on one page
    - Hundreds of pre-designed templates




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

Menu Screenshots

Spry Accordion Menu Sample Javascript Navigation Tab Source

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

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!
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 Relative Position Vertical Spry Accordion Menu Sample
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
Cost Effective
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed spry accordion menu sample 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.

  • Use images for backgrounds of submenus and items, icons, arrows. Using web images you can create menus completely based on graphics.
  • Design both horizontal and vertical menus and submenus with any amount of menus on a single page.
  • Place any HTML code inside the menu item - be it a flash-object, form, picture, or text. This ability lets you to build various menus of any complexity.
  • Submenus can be shown in 4 ways: - From left to right and also from left to right + upwards. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: When I load a page the first tab of the creating tab menu is always highlighted, not the contact tab.

A: I suppose that you've set the following parameter:

  var bselectedItem=1;

So, the first tab is always highlighted.

This Tab menu can save pressed item automatically within1 page only.
If you open another page, the menu can't remember presseditem.
You should do that manually using Javascript and menu parameters
(  var bselectedItem,   var bselectedSmItem) or using any server-sidescript (php, asp, etc.)

You should delete this parameter from your data file and write thefollowing code
on each page before you call your data file, for example:

<script language="JavaScript1.2">

  var bselectedItem = 3;

</script>





Q: How can I have the sub tab option that initiated the action highlighted once the new page is reloaded?  I want to highlight the tab which is done with 'bselectedItem', please tell me about the sub-tab option.

A: See you cannot create subitems in
  var tabMode=0;
it is not correct.

You should set
  var tabMode=1;

The following parameters set the pressed items for top items andsubitems:

  var bselectedItem=0; //top items
  var bselectedSmItem=2; //subitems

where 0,1,2... is the index of the item in bmenuItems.

- delete   var bselectedItem=1; and   var bselectedSmItem=2; parameters from your data file
- set correct parameters on each page before you call data file, forexample:

<noscript><a href="http://deluxe-tabs.com">Javascript Menu by Deluxe-Tabs.com</a></noscript>
<script type="text/javascript" src="menudir/dtabs.js"></script>
<script type="text/javascript">  var bselectedItem=3;
  var bselectedSmItem=5; </script>
...
<script type="text/javascript" src="menudir/data.js"></script>




Q: - I downloaded and installed your trial version..
- Selected "Tuner" then "tabs"
- Left pane sorta baffled me - even after reading documentation
- so in preview pane I selected "Templates" and Kaspersky style..
- The preview looked nothing like the kaspersky javascript menu example.. My feeling was that I had to somehow find the image elements to complete the menu tabs.. (A rather daunting task)..
- AM I missing something??

A: To use Kaspersky style javascript menu example you should assign Individual Stylesfor your items. You can find this info in the templates window.



Q: "Tools/Use utf8 encode" from my Deluxe Tuner is turned on (with check in it). You mean I will have to uncheck it?

No problem with my pages... it is only with the java swing drop down menu because there are words that doesn't show the correct letters / characters I am encoding both in French and Spanish pages. My boss said, it looks like a virus..(lol..)

A: You should turn on "Tools/Use utf8 encode" property.In that case your data file will be saved in UTF-8 encode. So, youshould set UTF-8 encode on your page too

<meta http-equiv="Content-Type" content="text/html"charset="UTF-8">

If you don't want to use UTF-8 encode on your page you should turn off"Tools/Use utf8 encode" property, save your data file and manuallychange your letters in any text editor.

You can also replace your letters with special sets, for example
É - Capital E, acute accent

  var menuItems = [

["&Eacute;....","testlink.html", "", "", "", "", "", "", "", ],

You can find more info here
http://sunsite.berkeley.edu/amher/iso_8879.html



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