Javascript Right Side Slide Menu by Deluxe-Menu.com
Javascript Right Side Slide Menu

Template:

iPhone 3 Template - Cross Browser Dhtml Menu






    - Several menus on one page
    - Horizontal or vertical orientation
    - Items with icons
    - UL/LI items structure
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Sound support!
    - Search feature - add the search area in the menu and type symbols.
    - Text aligned to left




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

Menu Screenshots

Javascript Right Side Slide Menu Expanding Side Menu Templates

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

Features

Cost Effective
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 Scrolling Menu Tutorial Javascript Right Side Slide Menu
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript right side slide menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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
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.

  • Use a mouse to move a menu as a usual window. Also you can create the menu where each submenu can be "separated" from the menu (MS Office toolbar-like mode).
  • When the page is scrolled the menu remains visible. The menu can "float" along one or two coordinate axes.
  • There can be multilevel menus - create as many rows of the menu as necessary. Any submenu in its turn can include different number of columns.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I have read your FAQ's on "When using javascript tabbed menu, where do I place the text content related to the selected tab", but I am still not understanding how to edit the java text menu. Can someone please assist me. This is for our Pack website and I have subscribed to a non-profit license. Thank you for your time.

A: You should specify any Object ID name of the DIV.

See, for each java text menu item you should assign the ID property of the contentDIV (see data file with your menu parameters).

["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. You canset background image for these DIV's in styles.

<div id="contentName" style="height: 0%; visibility: hidden; background-image: url('img/back.jpg'); background-repeat:repeat-y;" 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>

<div id="contentDescription" 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 description here!!!!!
</div>



Q: Is this tag necessary?

<script type="text/javascript">  var dmWorkPath="scripts/";</script>

Because Dreamweaver will not automatically update the path when the directory changes, (won't change from scripts/ to ../scripts).


A: Yes, it is a necessary tag.
Your menu won't work correctly without this tag.


Q: I am using JavaScript Deluxe Menu v3.1 and have some problem with the doctype declaration. If I use the declaration:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

the menuBackImage and itemBackImage images do not display properly. Check with and without doctype declaration. Is there a known fix for this?

A: You should specify units in "px" for the javascript menu object.

  var itemPadding="15px 10px 0px 20px";
  var menuStyles = [
["smColumns=2","itemPadding=25px 10px 10px 10px"],
["itemPadding=25px 10px 10px 20px"],
["menuBackImage=img/nahbp_1.gif","itemPadding=25px 10px 10px 20px"],
];



Q: Can I use an Item in the html menu for text and get the text to wrap within a predefined menuWidth ?

A: You should set the following parameter:

  var noWrap = 0;

or use <br> tags within menuItems.

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