Javascript Menu Left Slide by Deluxe-Menu.com
Javascript Menu Left Slide

Menu Screenshots

Javascript Menu Left Slide Html And Menu Bar Example

Features

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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Build right-click menus for your site. For this purpose you should appoint a peculiar method for the object you want. The current X,Y of the mouse pointer or your own ones can be used for the context menu.
  • Design menus absolutely based on CSS (Cascading Style Sheets). It is possible to apply the personal CSS styles for every elements of the menu.
  • When the submenu is bigger than the visible page area, the size of submenu will be automatically decreased. To view all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automagically scrolled! You can also define width and height for each submenu.

Recent Questions

Q: I am trying to get my text within a single menu item to have text on two lines as opposed to be all on one line.
For example, I currently have CumberlandHeadElementary School all on one line of a menu. I would like to have Cumberland Head on one line and Elementary School on a line below Cumberland Head. Hope this makes some sense.
Thanks for your help.


A: Try to set this parameter:

  var noWrap=0;

If it is not suitable for you, try to use <br> tags in the item text, for example:

  var menuItems = [
["please, select the color you<br>prefer for the background
of<br>the image of the photo of your son",,,],
];



Q: It all works great under IE, but when you view it in Firefox the fly-out menus (off of Products, Services & About Us) do not appear over the Flash animation to the right in IE.

It works fine under Firefox on all other pages apart form Home, because Home is the only page with containing the Flash animation.

Could you please have a look and let us know if this is a known issue (we're using the latest 8 dmenu .js file, time-stamped 11 April 2006).

Thanks in anticipation.


A: Please, try to set this parameter:

  var dmObjectsCheck=1;


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: How do I change the font style for menus to bold, but leave the sub-menus normal in the html navigation bar?
I understandthere’s a “fontStyle” variable, but is there an “itemfontStyle”?

A: You can use Individual Item styles to set specific parameters for eachitem or submenu.

  var fontStyle=["normal 9pt Verdana","normal 9pt Verdana"]; //for subitems

//style for the top items:
  var itemStyles = [
["itemHeight=21px","itemBackColor=#F2F3F2,#1665CB","fontStyle='bold 9pt Verdana','bold 9pt Verdana'"],
];