Jquery Vertical Slide Menu 2010 by Deluxe-Menu.com
Jquery Vertical Slide Menu 2010

Menu Screenshots

Jquery Vertical Slide Menu 2010 Top Navigation Javascript

Features

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!
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
Javascript Tutorial Expanding Menu Jquery Vertical Slide Menu 2010
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
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your jquery vertical slide menu 2010 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.

  • 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.

Recent Questions

Q: Compliments on your product, I particularly enjoy the complete set of gui and java, that allows for the quick changes.

After a couple of months of using the trial, I have now purchased it and installed the license.

My question however regards the performance of the menu. Using firebug I note that my deluxe menu .js are the performance bottlenecks, It appears as if they are not being cached and it appears that collecting them is taking longer then the other .js files. What can I do to optimize the load time of the javascript multi level menu and prevent, reloading it from the server with every page reload. The apache has set the expiry correct I believe, as I understand from the header.

A: You can try to use AJAX technology.

AJAX-like technology: data for submenus can be loaded "on-the-fly" from the server.

New parameter:
  var tajax = 0/1; - disables/enables AJAX-like support

Current syntax for item parameters (  var tmenuItems):
[text, link, iconNormal, iconOver, iconExpanded, tip, target, itemStyleInd, itemXPStyleInd, jsFileName]

Where jsFileName - .js filename on the server with submenu items (  var tmenuItems).



Q: Thank you. I got the menu working on my web page.

Now, I have to pass dynamic value from the link when the user click the floating javascript menu.

I was using a table type of menu and passing value like this

<td onclick="document.iframename.location.href='abc.jsp?value1=<%value1%>&value2=<%value2%>Click here</td>
What should I do to the deluxe-menu to get the same action?
I need to pass value to next page. The value is dynamic, so I have to use <%value1%> notation for JSP file.

A: Actually you can use your own Javascript code instead standard links. For example:

  var menuItems = [
["text", "javascript:your_code_here"]
];

or

  var menuitems = [
["<div onClick='your_code_here'>item text</div>", ""]
];



Q: Shouldn’t the dhtml expand menu know what page you are on and expand accordingly?
Or would you need to ‘hard code’ each page to be expanded basedon that page?

A: You should set the following parameter
  var ttoggleMode=1;

Deluxe Tree 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 dtreet_ext_setPressedItem (menuInd, itemID)

Please, see here:
http://deluxe-tree.com/functions-info.html

You can also set
  var tsaveState = 1;

More info you can find
http://deluxe-tree.com/data-samples/tree-menuxp-save-state.htm

To expand specific items you should use API function
function dtreet_ext_expandItem (itemID, expand)

Try that.

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

Flowplayer Forums -

Jul 16, 2010 ... JQuery Tools incompatible with JQuery - use Firebug to catch up errors ... Range slider possible? 81, 0, 9 days ago ... 1 horz. autoscrollable + 1 vert. scrollable on same page ... Feature request: Drop Down Menu, 1065 ... Explorer Object doesn"t support this property or method, 223, 0, Jul 15, 2010

Trying to randomise a jQuery content slider

Hi everyone, I'm using a very nice jQuery content slider called Easy Slider on my site that I downloaded from Css Globe. ... Thu Apr 08, 2010 10:11 pm. Hi everyone, ... if(!options.vertical) $("li", obj).css('float','left'); ..... Driven by phpBB © 2010 phpBB Group. Main Menu; You are Here; Ozzu

How to Sort an Unordered List - jQuery - JavaScript - Web development

Has no one used this TinySort jQuery plugin at all? Thanks. .... Basically, when you click on a link called "Work" it displays a slide out menu containing a list of links to posts. ... $('#projects-sub-menu').show('blind', { direction: ' vertical' }, 100); ... posted 2010-Aug-4, 3pm AEST

OpenCart Community • View topic - Collection of Tutorials Links

9. jQuery vertical tab slider 10. Pagepeel effect css & jQuery ... CSS dropdown Header Menu 18. Add Information links in footer ... 404 1.4.8 Jun 2010 - "jquery effect" 2010 - release jul 2010 - "product price" jul 2010

Vertical Menu problem

Now have the vertical menu, which slides down, no flyouts, and has bullets. ... Quote from: connemaraca on February 23, 2010, 05:27:52 PM .... that you are using the Superfish jQuery plugin (which the PixoPoint Menu and

Superfish Vertical Menu - Arrows not showing up in any browser

on 19-Apr-2010 03:37 PM. in Using jQuery Plugins ... but I can't get the arrows to show up in my Superfish Vertical menu. ... animation: {height:'show'}, // slide-down effect without fade-in; delay: 1200, // 1.2 second delay on mouseout

horizontal sliding menu/gallery - WebDeveloper.com

Could anybody please tell me whether a sliding menu / gallery (including the popup enlargement link) like on the link below is possible to

Ajax News Pager and Slider for K2 - K2 Community

Based on jQuery, the module comprises two parts - top pane and a side pane. ... Auto fading for top pane Horizontal and vertical sliding Numerical Pagination option for top ... Posted by Ramesh Elamathi on June 14, 2010 at 12:41am in K2 extensions for Joomla! .... Which Menu Links Are Correct to Use: Please Advise

PHP-Fusion Themes - Discussion Forum: css navi slider effect

Lernvid uses Mootools javascript for his menus and navagation. PHP-fusion however uses Jquery javascript. This topic is to show a slider

iGetSimple iPhone version (Beta version available) (Page 1

Better Jquery menu slider - Add to homescreen icon ... This way both the horizontal and vertical way of holding the iPhone would be

www.wysiwygwebbuilder.com :: View topic - ***WB EXTENSION INDEX***

Vertical Dock Menu - BaconFries - .27.jul.2010. EXTENSION: . .... jQuery Coin Slider .................................. gp2727

Problem with script to slide left a <li> item from a menu and

on 11-Jun-2010 04:36 PM. in Using jQuery. Hi everybody, what I'm trying to do is to have a vertical menu where one of the list items if triggered ... both fine) moves to the right and then slides down a submenu with other 4 lists items

Implementing a jquery dropdown menu

August 23, 2010, 07:03:31 PM ... <li><a href="#">Slide Effect</a></li> ... Why are you using jQuery to make a drop down menu? ... one of my sites for a vertical dropdown menu and it works like a charm in the most common

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 . ... modificated version of the default menu stylesheet "Navigation: Simple - Vertical", .... Quote from: jd447 on 03 Feb 2010, 09:47

Horizontal and vertical menu bar - Tips and tricks - SalarO

Jun 28, 2010 ... Thursday, August 19, 2010 Register Login ... Flash & Graphic Banners · jQuery Animations & Slide shows .... and in one skin i am using horizontal menu bar and in 2nd skin using vertical menu bar according to my need

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

Edit the stylesheet "Navigation: Simple - Vertical" and add following lines at the .... Re: HowTo: jQuery slide menu. « Reply #8 on: 03 Feb 2010, 09:47 »

Anyone recommend some good jQuery / AJAX books? - Ultimate Web

... but for me, being able to read from a book seems to be a better way to learn . Anyone recommend any good jQuery / AJAX books?

www.wysiwygwebbuilder.com :: View topic - WYSIWYG Web Builder 7.0

New Feature: Updated color scheme to Office 2010 blue scheme. ... New Feature: ' Always show vertical scrollbar to prevent shifting of the page layout' to HTML options. ... Improved: Redesigned navigationbar and slidemenu for use with ... Many of the Web Builder built-in objects now use jQuery for

[Solved] Multiple mootools - not good! - Wordpress Themes - WP

There were problems with using mootools as well as jquery, which were solved by making sure ... BUT, on every other page, the sliding door menu refused to slide . ... Atahualpa 3 Wordpress theme, 16, Apr 27, 2010 08:55 AM

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

Last edited by pixeltarian (2010-04-11 07:04) ... Anyway, you can always check the jQuery UI , more exactly this ... thanks for all the tips, the Vertical concertina slide menu is pretty close to what I want

Forum Swt Menu Background Color Template

Javascript Sliding Menu Bar Orange Rollover Buttons - Rounded Corner · Menu Tab Shadow Vista ... Java Menu Creator jquery vertical menu multi level visited

Div Horizontal Slide - WebDeveloper.com

ID); this.p=this.menu.parentNode; this.slide=new ... <script type="text/ javascript"> // Animate (11-January-2010) // by Vic Phillips

Centered Theme :: Forum :: Indexhibit

I read about this jquery in this other thread aswell. ... Any chance of fixing it without putting back the vertical menu? ... 2010-03-24 08:06:14. Permalink Post. In firefox the menu goes up, becoming double-layered, .... section and activate the self-closing, and move the menu under the slide show?

jQuery Eklentileri - CMSTURK.NET İYS (CMS) Forumları

Sliding Menu. Accordions, Slide and Toggle stuff jQuery Plugin Accordion. jQuery Accordion Plugin Horizontal Way