Menu Deroulant Vertical Ajax by Deluxe-Menu.com
Menu Deroulant Vertical Ajax

Template:

iPhone 13 Template - CSS Menu Collapse






    - Submenus go over all page objects
    - Relative/Absolute menu position
    - Text aligned to left
    - Search feature - add the search area in the menu and type symbols.
    - Submenus automatically scrolls
    - 85% transparency for sub menus
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Keyboard navigation - press Ctrl+F2 to enter the top menu




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

Menu Screenshots

Menu Deroulant Vertical Ajax Html Floating Navigation Bar

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

Features

Cost Effective
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
Horizontal Sub Menu Html Menu Deroulant Vertical Ajax
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
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your menu deroulant vertical ajax 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.

  • 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 would like to separate each main js dropdown menu item (Find an Expert, Contact...etc) with a dotted line graphic. If you look at the js dropdown menu, you will see that each graphic is separated by a dotted line. I am trying to replicate that look in the Deluxe Menu. Is there a way I can do that? I tried to use the "separatorImage" value in the DeluxeTuner, but it didn't seem to do anything. Is there a way to put a dotted border just along the bottom of them item, instead of around the whole item (like a box)? Or is there a way to insert the graphic between the items?

A: To add a separator you should

//--- Separators
  var separatorImage=""; //for subitems (top items in vertical menu)
  var separatorWidth="100%";
  var separatorHeight="3px";
  var separatorAlignment="right";
  var separatorVImage="separator.gif"; //for the top items (subitems items in vertical menu)
  var separatorVWidth="100%";
  var separatorVHeight="2px";
  var separatorPadding="";

You can create separators using menuItems, for example:

  var menuItems = [
["item 1"],
["-"], // this item is separator
["item 2"],
];



Q: How do I set just one drop down menu hyperlink to open in a new window when the rest is set to _self?

A: You can set item's target for each item individually:

["Home","testlink.htm", "default.files/icon1_s.gif", "default.files/icon1_so.gif", "", "Home Page Tip", "_blank", "", "", "", ],



Q: However when recreating the menus after deleting all trace of the trial version and loading on the licensed version I have developed problems.

When I create menus and test using expression web on explorer it works well but when published to web the dropdown menu appear but cannot be clicked on to be diverted to the relevant links. Also since loading the licensed version when using the test browser in expression web firefox a message appears as follows     “firefox dosen’t know how to open this address, because the protocol (c) isn’t associated with any program”.

Please advise I have loaded the licence in the correct way I’m sure.


A: You cannot use local paths on your website. They won't work.

["Home","", "", "", "", "", "0", "0", "", ],
 ["|Localmag Homepage","C:/Documents and Settings/ME/My Documents/localmagwebsite/index.htm", "", "", "", "", "", "", "", ],
 ["|Medway Homepage","C:/Documents and Settings/ME/My Documents/localmagwebsite/medwaytowns/medwayhomepage.html", "", "", "", "", "", "", "", ],
["Charity","", "", "", "", "", "0", "", "", ],
 ["|childrens","C:/Documents and Settings/ME/My Documents/localmagwebsite/medwaytowns/charities/childrenscharities/childrens_charity_home_page.htm", "", "", "", "", "","", "", ],
 ["|medical","C:/Documents and Settings/ME/My Documents/localmagwebsite/medwaytowns/charities/medicalcharities/medical_charity_home_page.htm", "", "", "", "", "", "","", ],
 ["|religious","C:/Documents and Settings/ME/My Documents/localmagwebsite/medwaytowns/charities/religiouscharities/religious_charity_home_page.htm", "", "", "", "", "","", "", ],

You should write
["Home","", "", "", "", "", "0", "0", "", ],
 ["|Localmag Homepage","localmagwebsite/index.htm", "", "", "", "", "", "", "", ],
 ["|Medway Homepage","localmagwebsite/medwaytowns/medwayhomepage.html", "", "", "", "", "", "", "", ],
["Charity","", "", "", "", "", "0", "", "", ],
 ["|childrens","localmagwebsite/medwaytowns/charities/childrenscharities/childrens_charity_home_page.htm", "", "", "", "", "", "", "", ],
 ["|medical","localmagwebsite/medwaytowns/charities/medicalcharities/medical_charity_home_page.htm", "", "", "", "", "", "", "", ],
 ["|religious","localmagwebsite/medwaytowns/charities/religiouscharities/religious_charity_home_page.htm", "", "", "", "", "", "", "", ],


Q: I've finally got it working and it looks good. So thanks. But... unfortunally there's still a small problem wich occured after I got everything else working: No matter if I set the parmeter "  var texpanded" to '1' or '0' it expands by default tree menu javascript. Why?

I also have another question I forgot to ask you about earlier: Originally I only had the data.js file but in the non-profit zip file you gave me there was no "data.js" file, only "data-tree.js". Wich one will the script use? Do I need both? The javascript call I put where I want the menu to appear calls for "DATA. js". So what good does the "data-TREE.js" file do?

I include the "data.js" file if you need to have a look at it. The "data-tree. js" file is identical now that I changed all the "  var tmenuItems" at the bottom). (The "menu.html" I guess you can look at yourself by "View source".)

Also, the submenus where I would like to put XP style menus are not finished yet but for now I have the same "tree" script in them. They are under "DART/dartspel.html", and on six artist discographys under MUSIK: Edguy, Katie Melua, Joe Satriani, Michael Schenker, Trans-Siberian Orchestra and Magnus Uggla. This is if you'ld like to see the sub pages where I use other "copys" of Deluxe-tree. (I hope you don't mind that the "Illegal copyright" nag is very small. It's supposed to dissapear anyway with the new Non-profit license).

A: 1) See the structure of your tmenuItems is incorrect now.

You should write:
["->HEM (Klicka f?r meny)","welcome.html", "data.files/hem.gif", "data.files/hem2.gif", "data.files/hem.gif", "Startsidan", "right", "", ],
Without '|' symbol in the beginning.

2) You should write tleft parameter correctly. Now you have:

//--- Positioning
  var tabsolute=1;
  var tleft="00px";
  var ttop="10px";

Write it in the following way:
  var tleft="10px";

3) data-tree.js file is the default tree menu javascript file. There is no need to use it if you already haveyour data.js file.

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