Dijit Menu Align Buttons by Deluxe-Menu.com
Dijit Menu Align Buttons

Template:

iPhone 17 Template - CSS Pop Up Menu






    - Image arrows
    - Text aligned to left
    - Submenus dropdown on mouseover
    - Status string shows item labels
    - Top items and submenus have a shadow
    - Transition #14 - "fade out" effect
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Relative/Absolute menu position




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

Menu Screenshots

Dijit Menu Align Buttons Treemenu Dynamique

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

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your dijit menu align buttons menus easily and in no time
  • Sensible menu parameters for manual editing
Cost Effective
Menu Html Down Dijit Menu Align Buttons
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
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
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



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 got it working however I have an additional question.

How do I allocate the width of each "button" see sample how for instance the "FAQ" button is so narrow compared to others. I tried adding spaces with no result.

A: You can use Individual Item Styles to set exact width for the menuitems.

For example:

  var itemStyles = [
["itemWidth=100px"], //style 0
];

  var menuItems = [

["Home","testlink.html", "", "", "", "", "0", "", "", ], //style 0
["Product Info","", "", "", "", "", "0", "", "", ], //style 0




Q: Is there any way to have a floating menu float in relation to the centre of the screen (not the left of the screen).  I have a centre based website. When I use the floating menu and view the site on different screen sizes, the floating menu appears in different places on the x scale. For example,  I would like it 20 percent from the edge of my centre based webpage, not 20 percent from the left of the screen.  I want the menu to appear on the same horizontal place on my webpage (which is centre based)


A: No unfortunately it is not possible to write

  var posX="50% - 20";

You should adjust your coordinates to center the menu with absoluteposition.


Q: I want to highlight an activeted Page with your delux menue tool, which I have bought.

If I have clicked an item from the menue and the site and the new site opened, I want to change the color of this active item.

Can you give me concrete informations about this problem!?


A: The menu has only two states normal and mouseover.

Try to do the following things:

- delete   var pressedItem=1; parameter from your 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>r 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,

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: I found the problem with de Deluxe Menus:
When the menu is inside the <DIV> </DIV> tags, the menu is shown, but does not scroll.


A: See, you use absolute position for this <div>

<div STYLE="position:absolute;top:151px; left:0px">

But you can use absolute position for the menu. Your menu will scrollin this case.

For example, you should set:

  var absolutePos=1;
  var posX="0";
  var posY="151px";

And install your menu

<div>

<script type="text/javascript" src="data.js"></script>

</div>

Or, write:

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


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