Recent Questions Menu Tree Refresh Ajax
Q: I have used Deluxe tuner menu on a web page and facing two small problems
a) The separator I have used do not show up. This is supposed to be a black horizontal line below every menu item. The image name is sep.jpg
b) The submenu appears on the right and I am unable to figure out a way to get the submenu to appear on the left. My navigation is placed on the right panel so if the sub menu appears on right of drop down menu bar, it practically goes off the page.
Can you please help with this and let me know why this is happening ?
A: 1) You should set separators between main items:
["Home","testlink.html", "data.files/bul.jpg", "data.files/bul.jpg", "", "", "", "", "", ],
["-"],
["About Us","", "data.files/bul.jpg", "data.files/bul.jpg", "", "", "", "", "", ],
And set:
var separatorVImage="data.files/sep.jpg";
var separatorVWidth="100%";
var separatorVHeight="1px";
var separatorPadding="0px";
2) You should set the following parameter:
var smViewType=2;
Q: The page that I am creating lists out notes from our system - there is a "options" button to the right of each note - when the cursor hovers over this button I want to dynamically load the drag drop menu.
A: You can try to use pop up drag drop menu.
http://deluxe-menu.com/popup-mode-sample.html
You may also generate a menus from a database or XML using any server-side script, e.g., PHP, ASP, VB, etc.
Q: I have found (was it like this before??) that if I right-mouse-click over a menuitem then I do not see any option to open the URL in new window....
I do not get any options at all to open the URL in new window (or same window), in the browser context menu (both IE and Firefox).
A: No, JavaScript Tree Menu doesn't have such a feature. This is only text, not alink. And we won't change it. Because now you're able to paste anyhtml code within menu item.
var menuItems = [
["<div>Arbeidsplaner</div>","cp_workplan.php",,,,"_self","0","0"],
You can write your links in the following way:
["Channels","", , , , , , , , ],
["|<a class='menu' href='http://google.com/'>google</a>","", , , , "_self", , , , ],
["|<a class='menu' href='http://google.com'>Market</a>","", , , , "_", , , , ],
And create a style:
A.menu {
color: #000;
text-decoration: none;}
A.menu:hover {
color: #000;
text-decoration: underline;}
Q: .How customizable is it style in for dhtml navigation, meaning, i have images i want used for the top level navigation, and background images for the rest. any way I can achieve this?
A: Actually you can create any menu with JavaScript Tree Menu. You can use Individual Styles tocreate your menu.
For example:
var itemStyles = [
["itemWidth=92px","itemHeight=21px","itemBorderWidth=0","fontStyle=normal 11px Tahoma",
"fontColor=#FFFFFF,#FFFFFF","itemBackImage=data-vista-03.files/btn_magentablack.gif,data-vista-03.files/btn_magenta.gif"],
];
var menuStyles = [
["menuBackColor=transparent","menuBackImage=back.gif","menuBorderWidth=0","itemSpacing=1","itemPadding=0px 5px 0px 5px"],
];
