Dynamique Javascript Examples by Deluxe-Menu.com
Dynamique Javascript Examples

Template:

iPhone 4 Template - Expanding Dhtml Menu






    - Items with icons
    - Text aligned to left
    - Personal CSS styles for separate menu elements
    - Submenus automatically scrolls
    - Search feature - add the search area in the menu and type symbols.
    - Top items and submenus have a shadow
    - Horizontal or vertical orientation
    - Status string shows item labels




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

Menu Screenshots

Dynamique Javascript Examples Moving Menu Bars

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

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your dynamique javascript examples menus easily and in no time
  • Sensible menu parameters for manual editing
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!
Expandable Menu D Dynamique Javascript Examples
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed dynamique javascript examples samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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



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

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.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I will build menu for several books’ Contents, each book is more than 100 lines and has links. I think if all the books’ contents in 1 *.JS file then it is TOO LOONG!!.
Can I break it down to 1 book for 1*.JS ? How?


A: You cannot divide your menuItems parameter.
You can only use one .js file for your menu parameters and the other.js file for your menuItems = [...];

But you can do it in two ways.

1) You can try to use several menus on the one page, for example:
param.js // file with menu parameters (all parameters before menuItems = [...];)
menu1.js // menuItems for "AC-DC", "ANLOG"
menu2.js // menuItems for "DIGITAL", "WinXP"
menu3.js // menuItems for "MS-Word", "MS-Excel"
In these menu files you should write
menuItems = [
...
];
dm_init();

Then you should install your menu in the following way

<script type="text/javascript" src="param.js"></script>
<table>
...
<script type="text/javascript" src="menu1.js"></script>
...
<script type="text/javascript" src="menu2.js"></script>
...
<script type="text/javascript" src="menu3.js"></script>

But it will be easier to use vertical menu in such case
  var isHorizontal=0;
  var smColumns=1;

2) You can also try to add some code, see the attached example.

In the first file (@MY books (Multiple Col.js) I write menuItems for the first item "AC-DC".
Notice that you should delete comma at the end of the last item
  var menuItems = [

["AC-DC","", , , , , , , , ],
 ["|@Book1","testlink.htm", , , , , , , , ],
...
 ["|@Book3","", , , , , , , , ],
   ["||CH02","", , , , , , , , ],
   ["||CH01","", , , , , , , , ] // delete comma at the end of the last item

];

In the second file (@MY books (1.js) you should write
menuItems = menuItems.concat(

[

["ANLOG","", , , , , , , , ],
 ["|@Book1","", , , , , , , , ],
 ["|@Book2","", , , , , , , , ],
 ["|@Book3","", , , , , , , , ] // delete comma at the end of the last item

]
);

In the third file (@MY books (2.js) you should write
menuItems = menuItems.concat(

[

["DIGITAL","", , , , , , , , ],
 ["|Item 1332","", , , , , , , , ],
["WinXP","", , , , , , , , ],
 ["|Item 1333","", , , , , , , , ],
["MS-Word","", , , , , , , , ],
 ["|Item 1334","", , , , , , , , ],
["MS-Excel","", , , , , , , , ],
 ["|Item 1335","", , , , , , , , ] // delete comma at the end of the last item
]
);

dm_init();

Notice that you should write dm_init(); function in the last file.

In the .html file you should write
...
<tr>
<script type="text/javascript" src="@MY books (Multiple Col.js"></script>
<script type="text/javascript" src="@MY books (1.js"></script>
<script type="text/javascript" src="@MY books (2.js"></script>
</tr>
I hope you understand me.


Q: Is there a way to make the dhtml pull down menu not reset after a link is clicked.
Now every time I click a link in the tree menu it takes me to the linked page
but all the menus re-expand.

A: When user clicks the link, the browser loads a new page and the script re-create the menu.
If you want to open the needed section automatically on load you can use the following:

1. Save the state to cookies

  var tsaveState=0;

2. Use frames

3. Put the special script on each page of site that will open appropriate section:

(dtreet_ext_expandItem)

See more info here:
http://www.deluxe-tree.com/functions-info.html


Q: On the home page, when using Opera, and I have a report from a user who viewed the site with Safari, that the home page dhtml select menu did not work, but the subsequent pages did. I have no problem when using Internet Explorer, and I have not yet tested the site with Firefox. Do you have an idea what may be causing this behavior, and how to fix it?

A: Try to add the following style to your TD tag.

<TD id=navborder vAlign=top width=200 style="z-index: 10; position: relative;">



Q: We’ve recently purchased your java dynamic menu.  How can we put a border around the menu, but not the title?  It doesn’t appear to be an easy way to do this using the javascript data file.


A: To set border around the whole menu you should set the followingparameters:

  var menuBorderColor="#C0AF62";
  var menuBorderWidth=1;

Use Deluxe Tuner to create your menu.


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