Recent Questions
Q: I'm having multiple problems with this now, I'm using this sight in the horizontal cross-frame style. And using the CSS-type layout.
Problems:
1. This appears to be working fine in Firefox but I can't see the Menu or frames in Internet Explorer.
2. I have changed the colors in the data.js and the css-mode.css files and still can't change the subMenu background colors. ( I have put everything back like it was, but for example if I want to change the submenu or drop down menu background color to grey and the mouseover color to red where do I change that at)? Do I edit the .css file or the data.js file
3. I can't get the links to open in the bottom frame ( I know you will see that it's set to _blank now, but I tried setting the var itemTarget="_bottommenu"; and the code in the menu section at the bottom of the data.js to the same but it still doesn't seem to work. Can you help me out here?
I have attached the sight so that you can see what I'm dealing with.
Once again, thanks for your help and any advice.
A: 1) Your menu works fine in all browsers.
2) Your should add the following line into the bottommenu.htm file.
<link href="data-samples/css-mode.css" type=text/css rel=stylesheet>
You should set the item color for the submenus in your css file initemNormal and itemOver styles.
3) You should use the following parameter to set a frame name:
var itemTarget="";
["Home","testlink.htm", "css/icon1.gif", "css/icon12.gif", "Home", "frm2", "0", "0", , ],
["Products","", "css/icon2.gif", "css/icon22.gif", "Products", , "0", , , ],
["|Hard Drives","testlink.htm"],
["|Servers",""],
["||Linux Compatible","testlink.htm", , , , "frm2",],
["||Windows Compatible","testlink.htm", , , , "frm2",],
...
Q: Please tell me where I am going wrong:
The menu is all messed up!
A: See, now you have:
var itemBackImage=["data.files/btn_green.gif","data.files/btn_whitegreen.gif"];
and you also assign Individual Item Style with itemBackImage anditemWidth parameters for each item
var itemStyles = [
["itemWidth=92px","itemBorderWidth=0","fontStyle=normal 11px Tahoma","fontColor=#000000,#000000",
"itemBackImage=data.files/btn_whitegreen.gif,data.files/btn_white_white.gif"],
];
var menuItems = [
["projects","", , , , , "0", "0", , ],
["FMWR","", , , , , "0", "0", , ],
["general water info","", , , , , "0", "0", , ],
["bulletin board","", , , , , "0", "0", , ],
["WSS MDG tracking","", , , , , "0", "0", , ],
["reform instruments","", , , , , "0", "0", , ],
You should delete itemBackImage and itemWidth parameters from itemStyles.
Q: I would like to add the javascript API to a link contained in my website that will have the corresponding item in the deluxe-tree menu act as if it was "clicked".
Presumably I need to add the script (for example) <A HREF="http://deluxe-menu.com/features-info.html" TARGET="_self" "..javascriptHere ..">. Can you give me an example please of what code goes into there.
I presume I use dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion) but where do I get the ????Ind data from and make the javascript call in the above link.
A copy of a working example together with where to get the data , perhaps on your own web pages, would help.
A: Deluxe Tree doesn't save a presseditem as it saves a tree state. It works within 1 page only and if youreload the page you should set a pressed item using Javascript API:
function dtreet_ext_setPressedItem (menuInd, itemID)
<script type="text/javascript">
var i = <?php echo $selitem; ?>;
onload=setPressed;
function setPressed()
{
dtreet_ext_setPressedItem(0,dtreet_ext_getItemIDByIndex(0, i));
}
</script>
You should define selitem using server side script.
Q: How can I set the padding for the menu text at the top for the javascript select menu? I want more padding on the left of the text but I don't want it centered.
A: You can set bigger left padding for your Submenu Style, for example:
var menuStyles = [
["menuBackColor=transparent","menuBorderWidth=0","itemSpacing=1","itemPadding=0px 5px 0px 25px"],
];
itemPadding=0px 5px 0px 25px - top right bottom left