Dhtml Menu Items And Superfish by Deluxe-Menu.com
Dhtml Menu Items And Superfish

Template:

Dark Red Menu Template - Rollover Dropdown Menu






    - Submenus automatically scrolls
    - Personal CSS styles for separate menu elements
    - Cross-frame support - menus work on frameset-based pages
    - Inactive/Disabled items
    - Submenus go over all page objects
    - Unlimited number of sub levels
    - Horizontal or vertical orientation
    - Filters and Transitional effects




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

Menu Screenshots

Dhtml Menu Items And Superfish Jump Menu Css

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

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!
Cost Effective
Javascript Simple Pulldown Menu Dhtml Menu Items And Superfish
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 dhtml menu items and superfish samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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



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

Javascript Menu. DHTML Menu.

  • Setup menu parameters manually or using De Luxe Tuner. Then add some rows of a code within html page code and your menu is ready!
  • Use special Java Script methods for: Dynamic changing of items (link, text, icons, arrows and even individual style!). Addition/removing of items or submenus. Disabling and enabling menu items. Getting the info on every submenu, menu, and items. Changing appearance of items. Other coding tricks.
  • Cross-frame mode lets you to construct full-featured dhtml menus on the pages with frames. But for all that frame set it's not necessary to insert any additional code into all the pages - just specify several extra menu parameters.
  • Ability to handle the menu from the keyboard via keystrokes.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: When using javascript tabbed menu, where do I place the text content related to the selected tab, (the text presented on the rest of the screen under the tab)? And who do I connect a specfic text to a certain tab?

A: See, for each item you should assign the ID property of the contentDIV (see data file with your menu parameters). You should set  var tabMode=0;

["Style Name","contentName", "", "", "", "", "1", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Description","contentDescription", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Variations","contentVariations", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Empty","", "", "", "", "", "2", "", "", ],

And on your html page you should create DIV's with such ID. You canset background image for these DIV's in styles.

<div id="contentName" style="height: 0%; visibility: hidden; background-image: url('img/back.jpg'); background-repeat:repeat-y;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>

<br><br><br>

You should paste content of javascript tabbed menu here!!!!!
</div>

<div id="contentDescription" style="height: 0%; visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>

<br><br><br>

You should paste your description here!!!!!
</div>



Q: How do I get started with Deluxe Menu? Do you have a link with instructions?

I designed my own website with DreamWeaver 8.0 ( www.lesvants.com ) but don't have a clue as to how to start designing with your product.


A: Unfortunately we don't have step by step tutorial now. We'll try tocreate it in the nearest time.

Deluxe Menus weren't developed as Dreamweaver/Frontpage extension,BUT you can use it as standard Javascript files. To install the menuinto your html page:

1. open the page in your program
2. open html source code of the page
3. add several rows of code (<script> tags), For info see:
http://deluxe-tree.com/installation-info.html

That's all.

It is possible that Dreamweaver changes some paths, so you havean error in the preview.
On your site or in your browser there'll be no errors.

Create your menu in Deluxe Tuner application
.You can create any menu as you like in Deluxe Tuner.

Please, try to download trial package once again. We added alltemplates in Deluxe Tuner Templates window.

Unfortunately, Deluxe Tuner doesn't copy all need images forVista Template into your folder. You should do it manually.After you create your menu in Deluxe Tuner you should copy all images youneed for the menu into your folder and correct images paths.You should set the following parameter
  var pathPrefix_img="";

2. You should install the menu on your page.
You can click, for example, File/Export to HTML (you can't do it inthe MAC version).

Add several rows into your html page.

<head>
...
<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath="deluxe-menu.files/";</script>
<script type="text/javascript" src="deluxe-menu.files/dmenu.js"></script>
<script type="text/javascript" src="data-deluxe-menu.js"></script> //data-deluxe-menu.js - data file created in Deluxe Tuner.
...
</head>

<body>
...
<table>
<tr><td><script type="text/javascript" src="deluxe-menu.files/data.js"></script></td></tr>
</table>
...
</body>

You should also copy all engine files
dmenu.js
dmenu4.js
dmenu_add.js
dmenu_dyn.js
dmenu_key.js
dmenu_cf.js
dmenu_popup.js
dmenu_ajax.js
into "deluxe-menu.files/" folder. You should place this folder in thesame folder with your index. html page.

Try that.


Q: I have already tried this exact same method, using and alternate "itemBackColor" and this is not what I needed. As you can see in your example putting in an item back color only give you a different bg color on the item itself, but the BG of the menu around it remains the same. In your example the lighter bg color of my menu is surrounding the item bg color making this look more like a mistake and poor design.

It do use the item bg color for the rollover in my menu, as you can see, but implementing this does not give me what I need. I need the BG color behind this item to be completely flush with the sides of the menu.

I had already checked the menu system thoroughly before contacting you and I was well aware of the option.. but as you can see this is not the solution. It is very important to me that this looks perfect, and what I need is not built into this menu by default.. I need another solution.


A: You should set the following parameter:

  var itemSpacing=0;

You can also try to paste separators between items.


Q: I'm trying to figure out how I can tie in this code loan_profile.asp?id= into the link on the tree menu, for example:

 ["|Loan Profile", "../pipeline/loan_profile.asp?id=<%=rsLoans("loan_id")%>", "", "", "", "", "", "2"],

When I try this and then test it in the browser the menu doesn't even show up and it says that there's an error... what can I do to fix this? Please get back ASAP. Thanks!

A: Try to write your code in the following way:

 ["|Loan Profile","../pipeline/loan_profile.asp?id=<%=rsLoans('loan_id')%>", "", "","", "", "", "2"],



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