Items Treeview Js Asp by Deluxe-Tree.com
Items Treeview Js Asp


Buy Now!  Free Trial Download

Menu Screenshots Items Treeview Js Asp

Items Treeview Js Asp Tree Vertical Popup Menu

Features Items Treeview Js Asp

Cost Effective
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed items treeview js asp samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Tree Toolbar Items Treeview Js Asp
Easy Setup
  • De Luxe Tuner. GUI interface to create your items treeview js asp menus easily and in no time
  • Sensible menu parameters for manual editing
High Performance
  • AJAX menu loading - loads web menu data from the server "on-the-fly".
  • Commonly loads quicker than other html page elements
  • Runs well with an unlimited number of submenus and 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
Buy Now!  Free Trial Download

Javascript Tree Menu. Expandable Menu.

  • You can set the size of the menu in pixels, percent or other units. The menu may have an absolute or relative position (it can be inserted into the table).
  • Use any necessary font of any color, size and font decoration. Create any available type, thickness and color of a menu.Choose any color for backgrounds of submenus and items. Use special prefixes for image paths and links to make paths absolute.
  • You can assign your own images for lines.

Recent Questions Items Treeview Js Asp

Q: Hi there, hope someone could help me out.

We have recently purchased your menu product, and I would like to know how I indicate on a javascript slide menu, the root node that was selected. So in other words, if I have a horizontal navigation and I select the 3rd index along the menu and select something from this, how can I make the 3rd index highlighted?

I am not sure how else to phrase this question and hope this makes sense. You help will be appreciated.

A: You can find more info here:
http://www.deluxe-menu.com/highlighted-items-sample.html

JavaScript Tree 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 Slide 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>

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: We have a query on a navigation that we have created. We would like to knowhowto set the colour for a nav item of the asp drop down menu if any pages in that section are currently being visited?

A: To save your navigation path you should set the following parameter:

  var saveNavigationPath = 1;
The menu keeps items highlighted during menu navigation.
0 - disabled, 1 - enabled (default).

You can highlight menu items by default in two ways:

1) Set the pressed item on each page idividually using the following parameter:

  var pressedItem = -2;
The toggle mode. Sets an index of an item that will be highlighted by default.
-2 - the toggle mode is disabled;
-1 - the toggle mode is enabled, but no items highlighted by default;
0,1,2,3,... - index of highlighted item in a top-level menu.
- delete   var pressedItem=1; parameter from your data file
- set correct parameter on each page before you call data file, for example:

<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=2;</script>

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

2) Set the pressed item/subitem using dm_ext_setPressedItem () function.

Please see more info here:
http://deluxe-menu.com/highlighted-items-sample.html

Q: I've finally got it working and it looks good. So thanks. But... unfortunally there's still a small problem wich occured after I got everything else working: No matter if I set the parmeter "  var texpanded" to '1' or '0' it expands by default tree menu javascript. Why?

I also have another question I forgot to ask you about earlier: Originally I only had the data.js file but in the non-profit zip file you gave me there was no "data.js" file, only "data-tree.js". Wich one will the script use? Do I need both? The javascript call I put where I want the menu to appear calls for "DATA. js". So what good does the "data-TREE.js" file do?

I include the "data.js" file if you need to have a look at it. The "data-tree. js" file is identical now that I changed all the "  var tmenuItems" at the bottom). (The "menu.html" I guess you can look at yourself by "View source".)

Also, the submenus where I would like to put XP style menus are not finished yet but for now I have the same "tree" script in them. They are under "DART/dartspel.html", and on six artist discographys under MUSIK: Edguy, Katie Melua, Joe Satriani, Michael Schenker, Trans-Siberian Orchestra and Magnus Uggla. This is if you'ld like to see the sub pages where I use other "copys" of Deluxe-tree. (I hope you don't mind that the "Illegal copyright" nag is very small. It's supposed to dissapear anyway with the new Non-profit license).

A: 1) See the structure of your tmenuItems is incorrect now.

You should write:
["->HEM (Klicka f?r meny)","welcome.html", "data.files/hem.gif", "data.files/hem2.gif", "data.files/hem.gif", "Startsidan", "right", "", ],
Without '|' symbol in the beginning.

2) You should write tleft parameter correctly. Now you have:

//--- Positioning
  var tabsolute=1;
  var tleft="00px";
  var ttop="10px";

Write it in the following way:
  var tleft="10px";

3) data-tree.js file is the default tree menu javascript file. There is no need to use it if you already haveyour data.js file.


Q: How can I vary the width of the individual items (Home, Product Info etc) on the main menu bar?


A: I'm not sure I understand you. You want to use different width (exactwidth) for the main items?

You can use Individual Styles to set the width for the menu items.Please, use Deluxe Tuner to create your individual styles.

You should write for example so:

  var itemStyles = [
["itemWidth=98px"], // style 0
["itemWidth=100px"], // style 1
["itemWidth=110px"], // style 2
["itemWidth=120px"], // style 3
["itemWidth=95px"], // style 4
];
  var menuItems = [

["","", "data.files/products.gif", "data.files/products_mo.gif", "Products", "_self","0" , , , ],
 ["|XLCubed Excel Edition","pro_excel.html", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "0", , ],
 ["|XLCubed Web Edition","pro_web.html", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "0", , ],
 ["|TM1 Connection","tm1Connection.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "0", , ],
 ["|Downloads","downloads.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , , , , , ],
["","", "data.files/demoCenter.gif", "data.files/demoCenter_mo.gif", , ,"1", , , ],