Recent Questions Javascript Treeview Master Page
Q: I'm having a problem displaying a little white icon arrow on my dhtml foldout menu. I us Adobe Dreamweaver to build my site. When previewing, I found that adding . /.. to the .js file works good and it displays the arrows. But when I Put the menu on the internet it goes back to displaying a blank box like it can t find it again. My menu is in my site's root directory, and I would like to control all my site's pages with it. I am going to have a basic template for the whole site with the dhtml foldout menu on it and I am to building all the pages from that.
If I don't change the link to ../../ the only pages that will work is the one that is in the same directory as my menu files.
A: Try to use absolute paths to your images on the website. Your menu will work correctly inall cases in that case.
var pathPrefix_img="http://www.domain.org/Fundraising/Scrip/";
var arrowImageMain=["data.files/arrv_white_1.gif",""];
var arrowImageSub=["data.files/arr_white_1.gif",""];
or
var pathPrefix_img="";
var arrowImageMain=["http://www.domain.org/Fundraising/Scrip/data.files/arrv_white_1.gif",""];
var arrowImageSub=["http://www.domain.org/Fundraising/Scrip/data.files/arr_white_1.gif",""];
Q: Is there a way to have an automatic line-break for large submenu items?
I'd prefer not to have scroll bars but automatic line break of long items.
A: Try to add the following parameter in your data file
var tnoWrap=0;
Q: I'm confused in how to do this. I want to change the background color of one of the javascript and menu items. If I understand correctly I go to INDIVIDUAL STYLES and should be able to change the background color for one of the menu items there. Under item appearance I tried to change itemBackColor - but I can't seem to make it take affect (I tried clicking OK but its under the Style Names, so thats probably not it.
A: You should click "Edit Individual Styles" button.
On the 'Item Styles' tab click "Add style" button.
Set itemBackColor and click "OK" button.
Select the item you want to change the style for and assign new style for it. Go to Item Parameters window 'Item style' field.
var itemStyles = [
["itemBackColor=#EB2999,#590937"], //style0
];
var menuItems = [
["Home","testlink.html", "", "", "", "", "", "", "", "", "", ],
["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", "", "", "0", "", "", "", "", ], //style0
Q: I notice in your examples that your menus are horizontal and then drop down.
Is it possible to configure your javascript menu generator for vertical menus?
A: Yes, it is possible.
You should set the following parameter:
var isHorizontal=0;