Kwick Vertical Sliding Menu Tutorial by Deluxe-Menu.com
Kwick Vertical Sliding Menu Tutorial

Template:

Dark Red Rounded Template - CSS Menu Script






    - Relative/Absolute menu position
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Status string shows item labels
    - Sound support!
    - UL/LI items structure
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Image arrows




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

Menu Screenshots

Kwick Vertical Sliding Menu Tutorial Javascript Mouseover Dropdown

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

Features

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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed kwick vertical sliding menu tutorial samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Text Javascript Menu Kwick Vertical Sliding Menu Tutorial
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!
Easy Setup
  • De Luxe Tuner. GUI interface to create your kwick vertical sliding menu tutorial menus easily and in no time
  • Sensible menu parameters for manual editing



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: My problem is that the easy dropdown menu, as opposed to being in a fixed position
as stated in the .js file floats up and down with the page..How do I fix this..

A: You should set the following parameter to disable the floating feature:

  var floatable=0;

Q: I bought the product Deluxe Menu & Tree & Tabs and I need support. How I make to insert a code java in the event on click of the button "Ok", when this button is in tree dhtml menu bar? For example, it sees the figure in annex. The button "ok" it validates login and the password of the user, through the database.

I live in Brazil. Exists some support in Portuguese?

A: No, unfortunately we support in English only.

You are able to paste any html code within items.

For example:

  var tmenuItems = [
...
["<nobr><FORM method=GET action='http://www.google.com/custom'><input name='as_q' value='searchthe web' size=15 style='font-size:10'>&nbsp;<INPUT type=hidden name=cof value='LW:144;L:http://domain.edu/images/sulogo.gif; LH:45;AH:center;GL:0;S:http://domain.edu;AWFID:e01cb67b8afe383e;'> </form></nobr>","", "images/icons/search.gif", "", "", "", "", "", "", "", "",],

You should write your own code within tmenuItem.



Q: Please tell me where I am going wrong:

The menu is all messed up!


A: See, now you have:
  var itemBackImage=["data.files/btn_green.gif","data.files/btn_whitegreen.gif"];

and you also assign Individual Item Style with itemBackImage anditemWidth parameters for each item

  var itemStyles = [
["itemWidth=92px","itemBorderWidth=0","fontStyle=normal 11px Tahoma","fontColor=#000000,#000000",
"itemBackImage=data.files/btn_whitegreen.gif,data.files/btn_white_white.gif"],
];

  var menuItems = [

["projects","", , , , , "0", "0", , ],
["FMWR","", , , , , "0", "0", , ],
["general water info","", , , , , "0", "0", , ],
["bulletin board","", , , , , "0", "0", , ],
["WSS MDG tracking","", , , , , "0", "0", , ],
["reform instruments","", , , , , "0", "0", , ],

You should delete itemBackImage and itemWidth parameters from itemStyles.


Q: Thanks for your information, and the program is very useful and user friendly compare with others.

But I have a question, pls see the following example.

inside the menu.js (the file which we will run as navigation bar)

  var menuItems = [

["Member's Home","membersarea.php", "menu.files/icon_xp2_7.gif", "menu.files/icon_xp2_7o.gif", "", "_self", "", "", "", "", "", ],
["Submit Items","sellitem.php", "menu.files/selling0.gif", "menu.files/selling1.gif", "", "", "", "", "", "", "", ],
["Wall / Friend List","membersarea.php", "menu.files/inbox0.gif", "menu.files/inbox1.gif", "", "", "", "", "", "", "", ],

when setup running the php file directly is no problem

however, as we have some links will have different values as the end (have problem running at the menu)
such as blog.php?ownid=4497
there is having a dynamic value at the end

at our php files we use
<a href="blog.php?blogger=&lt;?=$auctionDetails['ownerid'];?&gt;">

Any suggestion for this case? or you can give us some example?

A: The following link should work fine in Deluxe Menu:

["Item 1","blog.php?blogger=<?=$auctionDetails['ownerid'];?>", "", "", "", "", "", "", "", "", "", ],

You can also try to move menuItems and dm_init(); function to your page inside <script>tag:

<script>
  var menuItems = [
["Member's Home","membersarea.php", "menu.files/icon_xp2_7.gif","menu.files/icon_xp2_7o.gif", "", "_self", "", "", "", "", "", ],
["Submit Items","sellitem.php", "menu.files/selling0.gif","menu.files/selling1.gif", "", "", "", "", "", "", "", ],
["Wall / Friend List","membersarea.php", "menu.files/inbox0.gif", "menu.files/inbox1.gif", "", "", "", "", "", "", "", ],
];

dm_init();
</script>

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