Separator Spry Menu by Deluxe-Menu.com
Separator Spry Menu

Template:

Microsoft Style Template - Dhtml Cascading Menu

 









    - Status string shows item labels
    - Personal CSS styles for separate menu elements
    - Inactive/Disabled items
    - 85% transparency for sub menus
    - Submenus go over all page objects
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Several menus on one page




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

Menu Screenshots

Separator Spry Menu Javascript Slide Menu Drop Down

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

Features

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
Dynamic Vertical Popup Menu Script Separator Spry Menu
Easy Setup
  • De Luxe Tuner. GUI interface to create your separator spry menu menus easily and in no time
  • Sensible menu parameters for manual editing
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



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Submenus can be shown in 4 ways: - From from left to right + upwards and also left to right. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).
  • Use images for icons, backgrounds of submenus and items. Using images you can create menus entirely based on graphics.
  • Create both horizontal and vertical menus and submenus with any amount of menus on one page.
  • Insert any HTML code inside the menu item - be it a form or a picture, a flash-object or a text. This ability allows you to create various menus of any complexity.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Can I install the menu using my buttons? I might be able to do it if the buttons used only one image, but they use two images. One is light and the other dark.

I also have some questions:
1) Will the menu stay in view when the user scrolls down?

2) I'm not even sure I care if the menu stays in view, because I believe that is done using php and is not good for SEO. The file that the search engines see is index.html while the file that visitors see is home.php. I think it would be better for SEO to have a normal .html page. Are you able to do that?


A: See how you should make image-based menus: if item text is empty, icon fields will be used as item images.
For example:
["", "index.html", "menu1a.gif", "menu1b.gif", "Home Page"]

1) You should use floatable feature.
See the following parameter:
  var floatable=1;

2) You can generate search engine friendly code using Deluxe Tuner:
"Tools/Generate SE-friendly Code".


Q: I'm having multiple problems with this now, I'm using this sight in the horizontal cross-frame style. And using the CSS-type layout.

Problems:

1. This appears to be working fine in Firefox but I can't see the Menu or frames in Internet Explorer.

2. I have changed the colors in the data.js and the css-mode.css files and still can't change the subMenu background colors. ( I have put everything back like it was, but for example if I want to change the submenu or drop down menu background color to grey and the mouseover color to red where do I change that at)? Do I edit the .css file or the data.js file

3. I can't get the links to open in the bottom frame ( I know you will see that it's set to _blank now, but I tried setting the   var itemTarget="_bottommenu"; and the code in the menu section at the bottom of the data.js to the same but it still doesn't seem to work. Can you help me out here?

I have attached the sight so that you can see what I'm dealing with.

Once again, thanks for your help and any advice.


A: 1) Your menu works fine in all browsers.

2) Your should add the following line into the bottommenu.htm file.
<link href="data-samples/css-mode.css" type=text/css rel=stylesheet>

You should set the item color for the submenus in your css file initemNormal and itemOver styles.

3) You should use the following parameter to set a frame name:

  var itemTarget="";

["Home","testlink.htm", "css/icon1.gif", "css/icon12.gif", "Home", "frm2", "0", "0", , ],
["Products","", "css/icon2.gif", "css/icon22.gif", "Products", , "0", , , ],
 ["|Hard Drives","testlink.htm"],
 ["|Servers",""],
   ["||Linux Compatible","testlink.htm", , , , "frm2",],
   ["||Windows Compatible","testlink.htm", , , , "frm2",],
...


Q: I need to be able to highlight the selected menu en dhtml item of the Deluxe Menu.

A: Deluxe Menu has only two states normal and mouseover.

Try to do the following things:

- delete   var pressedItem=1; parameter from your menu en dhtml data file
- set correct parameter on each page before you call data file, forexample:

<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "menudir/";</script>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<script type="text/javascript">  var pressedItem=3;</script>
...
<script type="text/javascript" src="menudir/data.js"></script>

You can also set a pressed item using Javascript API:

function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)

Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.

But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem.
You can't get this ID after you reload your page. That is why you should write your own code on PHP.



Q: How do I open a PDF document in a new window?  Is this in the Item Parameters window?

A: You can specify target parameter for each item
 ["|Open file","file.pdf", "", "", "", "_blank", "", "", "", ],

If you want to use context menu you can try to write your menuItems in the following way:
 ["|<a href='file.pdf' target='_blank'>Open file</a>","", "", "", "", "", "", "", "", ],

But you should create correct style for <a> tag.



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