Recent Questions Web Tree Menu Manager
Q: We want the javascript dhtml drop down menu which have sub menu to have a arrow, so that the visitor know that they have to cliek there. We have put in arrow on the tab which are having drop downs, but on mouse over to the single javascript dhtml drop down menu also it is showing the arrow and another problem is that when the drop down is used then there after the arrow is no more visible.
A: You can create Individual XP Style and use it for items with submenus:
var tXPExpandBtn=["left.files/blank-arrow.gif","left.files/blank-arrow.gif", "left.files/blank-arrow.gif","left.files/blank-arrow.gif"];
var tXPStyles = [
["tXPExpandBtn=left.files/menu-arrow.gif,left.files/menu-arrow.gif, left.files/menu-arrow01.gif,left.files/menu-arrow01.gif"],
];
and assign this style for all top items with submenus:
["+Company Profile","", "", "", "", "", "", "0", "0", "", ], //style0
["|Item 25","", "", "", "", "", "", "1", "", "", ],
["|Item 26","", "", "", "", "", "", "1", "", "", ],
["+Projects","", "", "", "", "", "", "0", "0", "", ], //style0
["|Item 27","", "", "", "", "", "", "1", "", "", ],
["|Item 28","", "", "", "", "", "", "1", "", "", ],
["+Services","", "", "", "", "", "", "0", "0", "", ], //style0
Try that.
Q: I'm having trouble getting rid of a shadow the the right and bottom of a list menu java script, I don't see a parameter for it:
A: In your data .js file find the shadow section
var shadowLen=3;
var shadowColor="#777777";
var shadowTop=1;
and set
var shadowLen=0;
Q: I was wondering if you could help me. I have recently done a site and put a menu into the site
The basic javascript menu is on the top of the screen but it has lines through each of the menus just after the words and before the arrow on each of them. I have stretched the menu out to cover the whole of the top of the page but i need to get these lines out of the menu.
Can you please help me with this problem?
A: See images in Vista Templates have the fixed width and height (92 x 21):
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
Q: I’m currently testing your product and using the tabs. My question is that not all my javascript html tabs point to the same target, I tried doing your suggestion on your FAQ but when I do that the tabs do not even display, here is my code
["|Manage Users","user.asp",,,,,"fmeMain"] also tried different points in the parameters
I know the break down is as follows
[Display,Url,Icon1, icon2, title,supposedToBeTarget]
A: See, you can use links if you have
var tabMode=1;
only.
If you have
var tabMode=0;
You should use the ID of the DIV.
Unfortunately, you cannot set target parameter for each item.
bmenuItems has the following structure:
var bmenuItems = [
["text", "divID or link or javascript function", "icon1", "icon2", "icon3", "tip", "styleN"],
];
But you can try to open your pages using different targets in thefollowing way
["tab text", "javascript: window.open('test.html', 'frameName')", ...],
["tab text", "javascript: window.open('test.html', '_self')", ...],
["tab text", "javascript: window.open('test.html', '_blank')", ...],
Where frameName - the name of the frame where to open the page test.html.
Using this method you can create Deluxe Tabs in var tabMode=0; and var tabMode=1;
