Sample Spry Menu Bar Websites by Deluxe-Menu.com
Sample Spry Menu Bar Websites

Template:

Black Red Menu Template - CSS Menu Pulldown






    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Items with icons
    - Submenus dropdown on mouseover
    - UL/LI items structure
    - Sound support!
    - Submenus go over all page objects
    - Transition #14 - "fade out" effect




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

Menu Screenshots

Sample Spry Menu Bar Websites Web Page Menu Bar Software

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

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your sample spry menu bar websites menus easily and in no time
  • Sensible menu parameters for manual editing
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
Javascript Dhtml Menus Sample Spry Menu Bar Websites
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
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



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

Javascript Menu. DHTML Menu.

  • Tune menu parameters manually or using Deluxe Tuner. Then add several rows of a code within html page - your menu is ready!
  • Use special JavaScript functions for: Dynamic changing of items (text, link, icons and even individual style!). Making a menu item active/inactive. Addition/removing of items. Changing of visibility of items. Getting the information on any menu, submenu and items. Other tricks.
  • Opportunity to control the menu from the keyboard.
  • Cross-frame mode allows you to build full-featured menus on the pages that use frame-based structure. But for all that it's not necessary to insert any additional code into all the pages - just specify some additional parameters of the menu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I can't seem to have a "contact us" menu item to work.
I've even tried a custom target with
<A HREF="mailto:[email protected]"> </A>
command and get the following error:

Can you perhaps suggest a way you know that works?


A: Please, write so, for example:

["Contact us","mailto:[email protected]", , , , , , , ],


Q: How to set the icon vertically top when the menu in dhtml text is wrapped?

A: Unfortunately it is not possible to align icon vertically now.
But you can do it using html code within menu in dhtml items, for example:

  var menuItems = [


["<img src='deluxe-menu.files/orangeDot.jpg' style='border: 0 none;'> &nbsp;Home","testlink.html", "", "", "", "", "", "", "", "", "", ],
["<img src='deluxe-menu.files/orangeDot.jpg' style='border: 0 none;'>&nbsp;&nbsp;Product Info hgdgfjh &nbsp;&nbsp;&nbsp;&nbsp;aaaaaaaaa aaaaaaa &nbsp;&nbsp;&nbsp;&nbsp;aaaaaaaaaaaaaaaaaaaaaaaaa &nbsp; &nbsp; aaaa","", "", "", "", "", "", "", "", "", "", ],



Q: A couple days ago I purchased the multi-website license of Deluxe Menu/Tree/Tabs/Popup Window/Calendar for US$149.00

I am having a very hard time getting the popup window to do just a basic function.

All I want is to have a link that I click on the page and the dhtml menu windows pop up.

As it is, the page automatically opens the popup window on loading.

I'm not a Javascript programmer which is why I purchased your product as it seemed I could pick a couple basic values in the GUI and it would create the script and code for me.

It would be REALLY handy if you had a couple of examples of how to create the following:

- Open the popup window upon the page loading

- Open the popup window when the user clicks a link

- Open the popup window when the user mouses over a link

- Close the popup window when the user mouses out

The help section doesn't even provide a menu item for the popup window.

Finding support for it on your site is difficult and what I can find is better suited for someone with Javascript knowledge.

Is there any way you can provide me the code to do this?

Thanks very much for your time and assistance.

A: We have such example on our website:
> - Open the popup dhtml menu windows upon the page loading
To open the popup window upon the page loading you should set thefollowing parameter:
openAfter=0
deluxePopupWindow.attachToEvent(win,'openAfter=0,,,,,')
You can find this parameter in Deluxe Tuner. See on-load.zip example.
> - Open the popup window when the user clicks a link
Create the popup window in Deluxe Tuner and save it as html. UseonClick event for a link.

See how you should write your link:
<a class="sampleLink" title="Click to open sample" href="javascript:;" onclick="deluxePopupWindow.open('win', '<DIV style=\'PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; COLOR: #d33a3a; PADDING-TOP: 10px; TEXT-ALIGN: center\'><B>Sample content</B></DIV><DIV style=\'font: 13px;text-align: center; color:#666666; \'><EM>This is a simple HTML code for content. Here you may also set link to content page or ID of some element.</EM>', 'Safari Style', 'width=250,height=100,resizable,scrollbars,minimizable,fullscreen,middle,right,fade-effect,opacity=1,floatable=yes', 'windows_safari')"><b>this link</b></a> opens a medium-sized dhtml floating window.
where (see on-click.js file)
'win' - is winID
'<DIV style=\'PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM:
10px; COLOR: #d33a3a; PADDING-TOP: 10px; TEXT-ALIGN:center\'>
<B>Sample content</B></DIV><DIV style=\'font:
13px;text-align: center; color:#666666; \'><EM>This is a
simple HTML code for content. Here you may also set link to
content page or ID of some element.</EM>' - content of your
popup window
'Safari Style' - window title
'width=250,height=100,resizable,scrollbars,minimizable,fullscreen,middle,right,fade-effect,opacity=1,floatable=yes' - parameters of the popup window'windows_safari' - window skin

You can find more info about deluxePopupWindow.open function here:
http://deluxepopupwindow.com/window-installation-info.html

Notice that you shouldn't set openAfter parameter in on-click.jsfile:
deluxePopupWindow.attachToEvent(win,',,,,,')

> - Open the popup window when the user mouses over a link
> - Close the popup window when the user mouses out

You should create such popup in the same way as in the previous point,but use onMouseOver/onMouseOut events.

<a class="sampleLink" title="Click to open sample" href="javascript:;" onMouseOver="deluxePopupWindow.open('win', '<DIV style=\'PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; COLOR: #d33a3a; PADDING-TOP: 10px; TEXT-ALIGN: center\'><B>Sample content</B></DIV><DIV style=\'font: 13px;text-align: center; color:#666666; \'><EM>This is a simple HTML code for content. Here you may also set link to content page or ID of some element.</EM>', 'Safari Style', 'width=250,height=100,resizable,scrollbars,minimizable,fullscreen,middle,right,fade-effect,opacity=1,floatable=yes', 'windows_safari')"><b>this link</b></a> opens a medium-sized dhtml floating window.

<a class="sampleLink" title="Click to open sample" href="javascript:;" onMouseOut="deluxePopupWindow.open('win', '<DIV style=\'PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; COLOR: #d33a3a; PADDING-TOP: 10px; TEXT-ALIGN: center\'><B>Sample content</B></DIV><DIV style=\'font: 13px;text-align: center; color:#666666; \'><EM>This is a simple HTML code for content. Here you may also set link to content page or ID of some element.</EM>', 'Safari Style', 'width=250,height=100,resizable,scrollbars,minimizable,fullscreen,bottom,left,fade-effect,opacity=1,floatable=yes', 'windows_safari')"><b>Open popup window</b></a>



Q: Is it possible to enter text in the java source code that won't display as a link?


A: If you don't want to use items as links you can disable these items.
To disable item you should set target parameter to "_".

You can do it in "Item Parameters" window.


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