Js Sidemenu by Deluxe-Menu.com
Js Sidemenu

Template:






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




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

Menu Screenshots

Js Sidemenu Code Drop Down Menus

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

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed js sidemenu 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
Fading Drop Down Menu Javascript Js Sidemenu
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
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!
Cost Effective



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’ve tried every configuration available—absolute and relativepositioning and so on. I can’t get the menus to display correctly.

I have to offset the topDX by -150 and so on just to fudge it into a CLOSE position…it certainly doesn’t mirror the preview window


A: See, the problem is that the script can't get css properties of the object if they are described in separate .css block (or file).
In other words, you can't get the value of "position" attribute of the object if the object doesn't have this property within inline style(style="position:absolute"). To get the value you should move .css style into style="" attribute.

Please, try to add your

css file -> inline css, for example:

You should add style="position:absolute;"

to the

<DIV id=navholder>

So, you'll have:

<DIV id=navholder style="position:absolute;">


Q: I activated option "state saving" but I think there's a problem;
when I open the website and click on an item of the menu, the pressed item becomes red
(up to now it's ok), but if I have topress F5 on the keyboard or press on the refresh button
to refresh the web page, the pressed item loses its color red.
I'd like the pressed item in the dhtml expand menu to maintain its color after the refresh command.
How can I solve this problem?



A: Tree Menu doesn't save a presseditem as it saves a tree state.
It works within 1 page only and if youreload the page you should set a pressed item using Javascript API:

function apyt_ext_setPressedItem(menuInd, itemID)

<script type="text/javascript">

  var i = 4 //index of the selected item
onload=setPressed;
function setPressed()
{

dtreet_ext_setPressedItem(0,dtreet_ext_getItemIDByIndex(0, i));

}

</script>


Q: I am testing out your menu system as I try to redesign my site. It is a vertical menu with submenus.

I have hundreds of pages in my site and I'd like to be able to attach your menu system to all of them.
However, I will be making changes to the menu system on a regular basis.
I do not want to go change every program in the site each time I need to make a menu change.

I was hoping you could give me some kind of programming code that I could enter into the <body> section of my html files which would automatically read a file into my prograrm, which contained the menu code.
This way when a menu change is needed, I edit one file, all the programs read that file and display the menu.

As an example of the code I would want read into a webpage at start up:

<script type="text/javascript">  var dmWorkPath="files/";</script>
<script type="text/javascript" src="files/dmenu.js"></script>
<div id="dmlinks" style="font:bold 9px Verdana;color:#FFFFFF;text-decoration:none">
<a id="dmI0" HREF="500main.htm">Home</a>
<a id="dmI2" HREF="tixbbs.htm" TARGET="text">For Sale</a>
<a id="dmI4" href="testlink.html">Place Ad</a>
<a id="dmI5" href="testlink.html">Sources</a>

</div>
<script type="text/javascript" src="data-deluxe-menu.js"></script>


A: If you change the menu parameters only there is no need to change code on each page. You should only replace your old data file (data-deluxe-menu.js) with the new one.

If you don't want to install your menu on each page, you can try to use frames, the menu has a cross-frame mode.
Please, see more info about cross-frame mode here:
http://deluxe-menu.com/cross-frame-mode-sample.html

Also you can use a server-side script (php, asp, vb, etc.) to generate html pages from templates on your server.


Q: I can’t seem to figure out how to specify the width of individual horizontal menu items for the html menu. I would like to specify that each menu item on the horizontal take up just 113px regardless of the number of characters in the item. Is there a way of doing that?

A: You should use   var itemStyles to set an individual item style. Forexample:

  var itemStyles = [
["itemWidth=113px"]
];
  var menuItems = [
["text 1", "link", "icon1", "icon2", "tip", "target", "0"],
["text 2", "link", "icon1", "icon2", "tip", "target", "0"],
["text 3", "link", "icon1", "icon2", "tip", "target", "0"],
];

Where "0" - style number in itemStyles that contains the parametersfor items width.

Use Deluxe Tuner GUI to create and assign individual styles.



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