Alexander Endresen Css by Deluxe-Menu.com
Alexander Endresen Css

Menu Screenshots

Alexander Endresen Css Dhtml Menu Effects

Features

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
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!
Css Fade Menu Alexander Endresen Css
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
Cost Effective
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

Javascript Menu. DHTML Menu.

  • There can be multi level menus - create as many rows or columns of the menu as you want.
  • Use a mouse to drag a menu as a usual window. Also you can construct the menu where each submenu can be "detached" from the main menu (MSOfficeToolbarLike mode).
  • When the page is scrolled the menu remains visible. The DHTML menu can "float" along one or two coordinate axes.

Recent Questions

Q: I wanted to ask a question about your software, we just purchased the multi license for Deluxe flash dropdown menu. We were trying in many ways to control the width between the words

We were trying to control the width between Europe, North America, Latin America, Asia, Oceania, Africa

We wanted to set the width as 16% to make them all equal with a 100% width flash dropdown menu but it did not work out for us. We tried to do it with creating an Individual style in the Item Style for all the top links. Can you please advise how are we supposed to achieve that?

A: Unfortunately it is not possible to set now:

  var menuWidth="100%";
  var itemStyles = [
["itemWidth=16%"],
];

To set the exact width for all flash dropdown menu items you should set width in 'px'.

  var menuWidth="798px";
  var itemStyles = [
["itemWidth=133px"],
];



Q: If there is an option in the php navigation bar to make all of the top items the same size?

A: Set width for the items using Individual styles:
  var itemStyles=[["itemWidth=100px"],] //style 0

Assign Individual Styles for the menu Items.

  var menuItems = [
["Item 1","", "", "", "", "", "0", "", "", "", "", ], //style 0
["Item 2",", "data2.files/icon1.gif", "data2.files/icon1o.gif", "", "", "0", "", "", "", "", ], //style 0
...

You can see more info here:
http://deluxe-menu.com/individual-item-styles-info.html

Q: When the page initially loads, the sizing of all the tabsappear the way I want them to.
The first time any of the tabs are clicked on in the dhtml tab menu, I get a little bit of white space and a faint vertical line just to the left of tab 1.


A: Try to set your tabs in the following way:

  var bmenuItems = [

["TRACING SYSTEM","link:tracing.html", "", "", "", "AUTOMATED TRACING SYSTEM", "", "", "", ],
["DOCUMENT RETRIEVAL","link:docret.html", "", "", "", "DOCUMENT RETRIEVAL SYSTEM", "", "", "", ],
["ON SPOT BY BOOKING NUMBER","link:onspot.html", "", "", "", "ON SPOT BY BOOKING NUMBER", "", "", "", ],
["CUSTOMER PORTALS","link:portals.html", "", "", "", "CUSTOMER PORTALS", "", "", "", ],
["EDI","link:edi.html", "", "", "", "ELECTRONIC DATA INTERCHANGE", "", "", "", ],
["GPS TRACKING","link:gps.html", "", "", "", "GPS TRACKING", "", "", "", ],
["WMS","link:wms.html", "", "", "", "WAREHOUSE MANAGEMENT SYSTEM", "", "", "", ],
];

You should also set
  var bselectedItem=0;
to select your first item by default in that case.



Q: I am using your Deluxe Tabs software, and I am simply trying to implement your dhtml menu samples:

http://deluxe-tabs.com/file/templates/deluxe-tabs-style-3.html

I have downloaded the trial software and built my tabs, but at this point, all I have is the tabs... I need the entire box under the tabs, and I need to be able to insert my content for each tab.

Please explain to me how to use your dhtml menu samples.


A: You should specify any Object ID name of the DIV.

See, for each item you should assign the ID property of the contentDIV (see data file with your menu parameters).

["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 your content 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>