Javascript Sliding Sidebar Menu by Deluxe-Menu.com
Javascript Sliding Sidebar Menu

Template:

iPhone 16 Template - CSS Navigation Menu






    - Horizontal or vertical orientation
    - Unlimited number of sub levels
    - Inactive/Disabled items
    - Sound support!
    - Submenus go over all page objects
    - Personal CSS styles for separate menu elements
    - Several menus on one page
    - Visible over select boxes, iframes, pdf, flash, Java applets.




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

Menu Screenshots

Javascript Sliding Sidebar Menu Dhtml Slide Bars

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

Features

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
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
Drop Menu Java Script Javascript Sliding Sidebar Menu
Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript sliding sidebar menu menus easily and in no time
  • Sensible menu parameters for manual editing
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript sliding sidebar menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Cost Effective



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Apply any font of any color, size and font decoration you need. Use any available type, color and thickness of a menu's frame. Choose any color for submenus and items backgrounds.
  • Set the size of the menu in percent, pixels, or other units. This menu may have a relative (it can be inserted into the table, for example) or absolute position .
  • Specify various values for spacing and padding for the whole menu and for each separate submenu.
  • You can specify a time for delays in showing or hiding of a submenu. Use special prefixes for image paths and links to make paths absolute.
  • Create separators using your own pictures, size and alignment.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I'm trying out the trial version and so far I really like the features. Can you tell me if I can expel the transparent look of the mouse over drop down menu?

When the mouse over drop down menu drops down over text, you can see the text. What can I do to fix it.

A: You should set the following mouse over drop down menu parameter:

  var transparency="100";



Q: Buttons are working great! Client would now like to have the rollover image stay active on the page they are on. They would like the button to stay white when you navigate to a particular page, i.e. If you click on "Press", when you get to that page, the button stays white, while all the others react in the normal manner. Is this possible?? I have seen it on other sites and it seems like it should be possible. Please let me know. I believe it could be done by creating a separate menu for each page, but that seems like a lot of work. I am sure you have a solution.


A: The menu has only two states normal and mouseover.

Try to do the following things:

- delete   var pressedItem=1; parameter from your data file
- set correct parameter on each page before you call data file, forexample:

<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "menudir/";</script>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<script type="text/javascript">  var pressedItem=3;</script>
...

<script type="text/javascript" src="menudir/data.js"></script>

You can also set a pressed item using Javascript API:

function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)

Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.

But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem.
You can't get this ID after you reload your page. That is why you should write your own code on PHP.


Q: I have read your FAQ’s on “When using mouse over tab menu, where do I place the text content related to the selected tab”, but I am still not understanding how to edit the script.
Cansomeone please assist me.

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

See, for each item you should assign the ID property of the content
DIV (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">
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
You should paste your content here!!!!!
</div>

<div id="contentDescription" style="height: 0%; visibility: hidden;" class="tabPage">
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
You should paste your description here!!!!!
</div>



Q: The popup menu gives the (first) menu of the top menu. I need of course for this to be the menu of the popup.


A: Installation of your menu is not correct.

Now you have:
1) There is no need to call dmenu_popup.js file. You should delete thefollowing line:
<script type="text/javascript" language="JavaScript1.2" src="dmenu_popup.js"></script>

2) Where you call source_pop.js file for Popup menu?
You should add:
<SCRIPT language=JavaScript1.2 src="menu_files/source_pop.js"type=text/javascript></SCRIPT>

3) The ID of your Popup menu is 1. Now you have ID - 0.
<img src="testimage.gif" width="200" height="200" onClick="return dm_popup(0, 9000, event);" style="cursor:hand;">

you should write:
<img src="testimage.gif" width="200" height="200" onClick="returndm_popup(1, 9000, event);" style="cursor:hand;">


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