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

Template:

Orange Green Menu Template - Website Drop Down Menu






    - Several menus on one page
    - Relative/Absolute menu position
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Top items and submenus have a shadow
    - Inactive/Disabled items
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Cross-frame support - menus work on frameset-based pages
    - 85% transparency for sub menus




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

Menu Screenshots

Javascript Vertical Sliding Menu Drag Information Frames Javascript

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

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript vertical sliding menu menus easily and in no time
  • Sensible menu parameters for manual editing
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
Tabbed Javascript Menu Javascript Vertical Sliding Menu
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript vertical sliding menu 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: In IE7 I see the deluxe-menu.com link on the top and no javascript navigation menu on my page.

A: Your browser has JavaScript option disabled.
It means that no one JavaScript element can be run.
You should to enable JavaScript in IE:
Tools -> Internet Options -> Security -> Custom level... -> Scripting -> Active Scripting = Enable

There is no way to enable these preferences automatically, in other
case there are no reasons to create security preferences.
You can use search engine friendly code, so you'll see all your
links (for the main items and submenus) when your security settings in IE doesn't allow Javascript.

You can generate search engine friendly code.
Deluxe Menu is a search engine friendly menu since v1.12.
To create a search engine friendly menu you should add additional html code within your html page:

<div id="dmlinks">
<a href="menu_link1">menu_item_text1</a>
<a href="menu_link2">menu_item_text2</a&tg;
...etc.
</div>

To generate such a code use Deluxe Tuner application.
You can find this GUI in the trial package.
Run Tuner, load your menu and click Tools/Generate SE-friendly Code (F3).


Q: Is it possible to create expandable checkbox menu with you javascript dynamic tree menu?

(I want each tree menu element contain a check box and some text. )

A: No, unfortunately Deluxe Tree doesn't have such a feature now.

But you can paste any html code inside item text, for example:

["+Support", "", "icon5_t.gif", "icon5_to.gif", "", "Support Tip"],
 ["|Index  <select style='width:120px;height:17px;font:normal 10px Tahoma,Arial;'><option>Section 1<option>Section 2<option>Section 3</select>","", "", "", "", "","", "0"],

 ["|Search <input type=text style='width:80px;height:17px;font:normal 10px Tahoma,Arial;'>&nbsp;&nbsp;<input type=button value='Go' style='width:30px;height:17px;font:normal 10px Tahoma,Arial;'>", "", "", "", "", "", "", "0"],

 ["|Write Us", "", ""],

 ["|<INPUT TYPE=checkbox CHECKED ID=chk1 onclick='choosebox1()'>Uncheck this check box for some free advice","","","",],

["<img src='img/sep.gif' width=113 height=1>"],

Q: I am having a problem trying to figure out how to generate a link to javascript popup window.

A: You can show the popup window when you hover, click or mouseout on some elements on yourpage.
For example you've added an image in your html page.
You should specify the ID for it, for example:

<p><img id="open_popup" border="0" src="images/submenu-bg.gif" width="170" height="29"></p>

In the Deluxe Tuner you should enter 'open_popup' object ID in the onMouseOver,onClick or onMouseOut fields.
Actually you can assign id to any object on your page manually. You should specify ID's - id="xxxx" for <a>, <div>, <img> ... tags.

Or you want to open a popup onMouseover, onClick or onMouseout on a link.

So, you should create a link (you can also use other object) on your page and set id="" for it, for example:

<a href="javascript:;" id="link">Open popup OnClick</a>
<a href="javascript:;" id="over">Open popup OnMouseover</a>
<a href="javascript:;" id="out">Open popup OnMouseOut</a>

In Deluxe Tuner you should set:
onMouseOver - over
onMouseOut - out
onClick - link

If you want to show the popup when your page loads you should leave these fields empty:
onMouseOver:"",
onMouseOut:"",
onClick:"",


Q: Things are mostly working great. I want my menu to appear centered at the top the page. Here's the code:

<table style="text-align: left; width: 100%;" border="0" cellpadding="2"cellspacing="2">
<tbody>
<tr>
<td style="width: 100%; text-align: center;"><script type="text/javascript" src="navbar.js"></script>
</td>
</tr>
</tbody>
</table>

The table appears at the far left edge of the window. I tried with both absolute (x=20, y=10) and relative (both x and y unset) coordinates. Help!


A: If you want to center the menu paste itwithin the <div > or <table> with a static position and specify a center alignment for it, for example:

<DIV align=center>
<SCRIPT src="data/data.js" type=text/javascript>
</SCRIPT>
</DIV>

<table width=800>
<tr>
<td align=center width=600>

More Q&A

Highly interactive theme. MooTools not compatible? - BuddyPress

This must be a conflict between JavaScript frameworks. ... I'm looking for a way to present a vertical slider where members can toggle among activity, ... the sliding Image Menu header, toggle features, and the vertical slide box,

Flash Help sliding up and down menu flash cs5 or cs4 - kirupaForum

Flash Help sliding up and down menu flash cs5 or cs4 ... I have tried to search the internet to create a vertical sliding drop down menu but had no success. ... Client-Side (HTML, CSS, JavaScript), Art and Design

Java script - Ultimate Web Site Drop Down Menu Forum

All menu configurations are designed to work with or without javascript enabled. Without looking at your menu, I can only guess at what

Forum Swt Menu Background Color Template - Javascript Menu Template

Javascript Sliding Menu Bar Orange Rollover Buttons - Rounded Corner · Menu Tab Shadow ... Vertical Scrolling Menu Javascript Tabs Style 4 - Icons Buttons

Javascript Drop-Down menu code explained

Modify the JavaScript to create a sliding effect for the drop down menu - Modify the table to create a "vertical" menu

Javascript Forum - CodeToad

Need Javascript Multiple sidebar menu with sliding effects ... Vertical and Horizontal Image Scroller Hi, I am a fairly new javascript programmer

www.wysiwygwebbuilder.com :: View topic - Horizontal JavaScript

This is a new version of jon.plattens Sliding Menu Ext ... http://www.leigeber. com/2008/05/horizontal-javascript-accordion-menu/

sub menu gets pushed up above parent menu

Auto Scroll means that the vertical size of the menu is fixed, and the the user scrolls the menu up and down .... That menu is a CSS-driven menu, not Javascript . ... Sothink Flash Template, CoolMenu, SlidingMenu, CoolButton and CoolText

[How To] Replacing the Atahualpa header image with a 'sliding door

<script type="text/javascript" src="http://www.yourdomain.com/ .... This works for both the sliding menu and my new gallery plugin - which .... this for sliding vertically and implementing in other parts of a page?

Horizontal content sliding - Contao forum - Contao Open Source CMS

The images are lined up vertically and nothing happens. ... automatic cycling, this would be no problem by rewrite the javascript template

Rounded Corners - Top/Bottom Menu - JavaScript - Web development

I would like my Superfish vertical menu to slide out and in from the left ... once it's finished sliding away $('#menu-opened').hover('out',

FLEXIcontent • Afficher le sujet - Accordion, tree or sliding menus

Anyone tried to use accordion, tree or sliding menus with Flexicontent? ... / mod_flexitree_menu/javascript/jquery-1.2.6.min.js"></script>

Top 71 CSS Menus

at Exploding Boy; 14 Free Vertical CSS Menus : at Exploding Boy ... CSS only vertical sliding menu : at CSS Play ... dTree Navigation Menu : Javascripts Tree at Destroydrop; Definition lists - misused or misunderstood?

Trying to randomise a jQuery content slider - Webmaster Forum

I'm far from good with JavaScript, so my attempts at solving this have been feeble. ... lastText: 'Last', lastShow: false, vertical: false, speed: 800, auto : false, .... Missing browser slider, jonasops, Coding Forum

horizontal sliding menu/gallery - WebDeveloper.com

horizontal sliding menu/gallery JavaScript. ... Could anybody please tell me whether a sliding menu / gallery (including the popup

CMS Made Simple Forum: HowTo: Menu & jQuery slide Effects (slideUp

Edit the stylesheet "Navigation: Simple - Vertical" and add following .... i tried to change the navigation.js, but doesn't seem to work. .... to toggle the menu entrys on and off with a nice sliding effect using jquery

Lightbox Video Web Gallery Creator Forum : Web Photo Gallery Maker

May 22, 2010 ... A simple FREE tool called JavaScript Photo Gallery allows you to create a ..... you to arrange your joomla content vertically than horizontally with . .... that enhance the user experience like a sliding navigation menu,

jquery slideup problem

<script type="text/javascript" .... I looked up the original code -> //Partial Sliding (Only show some ... reverse partial vertical silding

Choosing Screen Resolution [Archive] - Small Business Ideas Forum

If javascript is disabled the default 800 px (actually 780 px) will load. ... Quick note: Your smoothly-sliding menu (nice) fits great at

inline multi-level drop down menu. (plz help) (Page 1) - Menu

So you have to use javascript. I recomend you good old jQuery. .... thanks for all the tips, the Vertical concertina slide menu is pretty

CMS Made Simple Forum: HowTo: Menu & jQuery slide Effects (slideUp

I've seen lots of questions about jQuery sliding effects and menu the last times . ... menu stylesheet "Navigation: Simple - Vertical", a custom javascript

vertical news ticker (help) - Ajax & JavaScript - Forums - DMXzone.COM

Vertical scroller is from: ... &lt;script type="text/javascript"&gt; ..... Latest Extensions. Sliding Menu · Advanced CSS Animator

www.wysiwygwebbuilder.com :: View topic - Sliding Menu Ext

Sliding menu provides a graphic menu system using user provided graphics. ... http://www.leigeber.com/2008/05/horizontal-javascript-accordion-menu/ ... I agree it would be nice to have a vertical version too but thats

Vertical blinds design

Mar 16, 2009 ... So let's assume that we have a database with a sliding frame (the top element where the vertical blinds will slide) and some vertical