Recent Questions Javascript Treeview With Context Menu
Q: I was trying to figure something out myself but after a lot of hours I decided I will contact you.
I am working on a javascript collapsing menu and I am using the XP style one.
I don’t know why but the align of the text is not moving to the right side (because in Israel we write from right to left)
The sub-menu works great and all the text align to the right but from some reason the title is unmovable.
Please if you know any solution to that problem?
A: See how you can create your top javascript collapsing menu items:
- you can set the following parameter:
var tXPAlign="right"; //align of expand-buttons of submenus titles
- write your top items:
["+<div align=right> Javascript/DHTML Tree: XP Style</div>","", "", "", "", "XP Title Tip", "", "0", "", "", ],
Q: Navigation bar code should indicate with on which page I me just considers..
(with anothercolour of the font of the active Link from the navigation, or an underline, bolder font, ...).
A: JavaScript Tree Menu has only two states normal and mouseover,
but you can highlight menu items in two ways:
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,
for example:
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<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.
You can find more info here:
http://www.deluxe-menu.com/highlighted-items-sample.html
Q: I have downloaded the trial version of the tree menu to use it to create our products list that will be distributed on a CD. We have decided to buy it but we are confused which license we should buy!
Which license we should buy?
A: To use Javascript/DHTML Tree on CD/DVD you should buy developer license.
Other licenses allow you to use the menu on Internet / Intranetwebsites only.
With the Developer license you can use the menu on an unlimited number ofInternet or Intranet sites and on the local machines.
This version of the script doesn't check keys and it isn't bound to adomain name, so it can be used with an application that doesn't have afixed domain name. There is also no need to add <noscript> tag to eachpage.
See in Single Website License, Multiple Website License and DeveloperLicense our source code is obfuscated.
And in Developer License with Javascript Source Code you can see thecode and change it. This is unique difference between Developerlicense and Developer license with source code.
Q: I purchased your menu and I am currently using it. I was trying to use the vista template with the images. Yet when I have an js dropdown menu item that is a little long in text the image breaks in to two buttons. Is there a way to fix this or is that just the way it is with these templates?
A: Images in Vista Templates have the fixed width and height (92 x21):
var itemStyles = [
["itemWidth=92px","itemHeight=21px","itemBackColor=transparent,transparent","itemBorderWidth=0", "fontStyle=normal 11pxTahoma","fontColor=#3A3A3A,#000000", "itemBackImage=data-vista-2-04.files/btn_olive.gif,data-vista-2-04.files/btn_white.gif"],
];
When items text is too long you can have such effect.
You can try to use combined background for your items, for example:
var beforeItemImage = [,]; //left-side image for normal and mouse over state
var itemBackImage = [,]; //background or image for normal and mouse over state
var afterItemImage = [,]; //right-side image for normal and mouse over state
var beforeItemImageW = '';
var afterItemImageW = '';
var beforeItemImageH = '';
var afterItemImageH ='';
But you should create a small images in any Graph Editor, for example:
button_n_back.gif
button_n_left.gif
button_n_right.gif
button_o_back.gif
button_o_left.gif
button_o_right.gif
