Recent Questions Dhtml Tree Example Code
Q: My names Erick and I'm using your Delux Menu and wold like to know how to change the dhtml hover menu back ground color from the teal color to a gray and am not having any luck locating this option. Please advise.
A: Try to use the following dhtml hover menu parameters:
var menuBackColor="#C0C0C0";
var itemBackColor=["#C0C0C0","#65BDDC"];
You can also check Individual Styles. It is possible that you setbackground color there.
Q: The AJAX sample for tree menu script on website does not have any styling applied at the moment.
I am assuming that it would support full styling with AJAX as well.
Is this correct?
A: You can use any style and templates for the AJAX sample.
Create a menu and set style you need using Individual Item Styles.
To enable AJAX Tree Menu use the following menu parameters:
var tajax=1;
Then set your menu in such way:
var tmenuItems = [
["Javascript/DHTML Tree: XP Style","", "", "", "", "XP Title Tip", "", "0", "", "data-samples/data-ajax5.js", ],
["+Samples Gallery","", "", "", "", "XP Title Tip", "", "0", "0", "", ],
["|Samples Block 1","", "", "", "", "", "", "", "", "data-samples/data-ajax.js", ],
["|Samples Block 2","", "", "", "", "", "", "", "", "data-samples/data-ajax.js", ],
["|Samples Block 3","", "", "", "", "", "", "", "", "data-samples/data-ajax.js", ],
];
Each .js file must contain menuItems variable for the submenu in the following format:
var tmenuItems = [
[text, link, icon1, icon2, icon2, tip, target, itemStyle, submenuStyle, jsFileName],
];
Where jsFileName - .js filename on the server that contains tmenuItems variable for the submenu.
For example:
var tmenuItems = [
["Home","testlink.htm", "", "", "", "Home Page Tip", "", "", "", "", ],
["Product Info","", "", "", "", "Product Info Tip", "", "", "", "data-samples/data-ajax2.js", ],
["Samples","", "", "", "", "Samples Tip", "", "", "", "data-samples/data-ajax4.js", ],
["Purchase","testlink.htm", "", "", "", "Purchase Tip", "", "", "", "", ],
["Support","", "", "", "", "Support Tip", "", "", "", "", ],
["|Write Us","mailto:[email protected]", "", "", "", "", "", "", "", "", ],
];
Q: No matter where I paste the script in the html for the drop down menu I created, it shows up at the top left corner of the page.
I would like it to go below the blue banner at the top of the page.
Please advise as to what I am doing wrong.
A: Now you're using absolute position for the menu:
var absolutePos=1;
var posX="10px";
var posY="10px";
Try to use relative position
var absolutePos=0;
var posX="10px";
var posY="10px";
Q: How do I open a PDF document in a new window? Is this in the Item Parameters window?
A: You can specify target parameter for each item
["|Open file","file.pdf", "", "", "", "_blank", "", "", "", ],
If you want to use context menu you can try to write your menuItems in the following way:
["|<a href='file.pdf' target='_blank'>Open file</a>","", "", "", "", "", "", "", "", ],
But you should create correct style for <a> tag.
