Ektron Menu Css by Deluxe-Menu.com
Ektron Menu Css

Template:

Olive Menu Template - DHTML Navigation Menu






    - Hundreds of pre-designed templates
    - Submenus go over all page objects
    - Status string shows item labels
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Image arrows
    - 85% transparency for sub menus
    - Horizontal or vertical orientation
    - Submenus dropdown on mouseover




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

Menu Screenshots

Ektron Menu Css Dhtml Code Sample

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!
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
Floating Menu Html Ektron Menu Css
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed ektron menu css samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Cost Effective



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

Javascript Menu. DHTML Menu.

  • Build right-click menus for your site. For this purpose you should appoint a peculiar method for the object you want. The current X,Y of the mouse pointer or your own ones can be used for the context menu.
  • Design menus absolutely based on CSS (Cascading Style Sheets). It is possible to apply the personal CSS styles for every elements of the menu.
  • When the submenu is bigger than the visible page area, the size of submenu will be automatically decreased. To view all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automagically scrolled! You can also define width and height for each submenu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I like your product a lot. These are the features that, unfortunately, cannot be done and hope that you can address them. I will place the order right away if these are resolved:
1. For each individual item, allow attaching a customized javascript to fire up "onclick" and "nomouseover".

2. Allow using a variable size icon for each item.


A: 1. You're able to use Javascript for each item, for example:

  var tmenuitems = [
["item text", "javascript:your_code_here"]
];

Unfortunately, you can't assign onmouseover event to each item.
However, you can achieve this by using standard html objects withinitems, for example:

  var tmenuitems = [
["<div onmouseover='your_code_here'>item text</div>", "index.html"]
];

2. DHTML Tree Menu uses constant icon size for all icons.
If you wantto use different icon dimensions, you can use standard <img>elements within items:

  var tmenuitems = [
["<img src='icon.gif' width=10 height=10>item text", "index.html"]
];


Q: Expandable javascript menu doesn't actually affect the plus/minus icon I have specified. Any ideas?

A: It is not correctly to add expand/collapse buttons into the iconfield, they won't work. You should add icons there.

To add expand/collapse buttons you should use the followingparameters:

  var texpandBtn=["img/expandbtn.gif","img/expandbtn.gif","img/collapsebtn.gif"];
  var texpandBtnW=14;
  var texpandBtnH=14;
  var texpandBtnAlign="left";



Q: What do you recommend for "remembering" the tab in the js tab menu,
so that when the page reloads the correct tab is highlighted.

A: Deluxe Tabs doesn't support API functions which can return theselected tab aslo.

You can set "bselectedItem" and "  var bselectedSmItem" parametersbased on your link before you call your data file.

For example, move "  var bselectedItem" and "  var bselectedSmItem" parametersfrom your data file to your code.

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=<?php echo $seltabs; ?>;
  var bselectedSmItem=^lt;?php echo $selsmtabs; ?>;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>

You should define seltabs and selsmtabs using server side script.

You can also set it on every page before you call data.js file, forexample:

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=4;
  var bselectedSmItem=3;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>



Q: Do you have any tips on making the drop down menus load faster? My pages seem a little slower now that I have 2 Javascript menus loading per page.

A: Check that you have the following parameter set to 0:

  var dm_writeAll=0;



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