Recent Questions Sidebar Mouseover Tree Menu Effect Wordpress
Q: I never succeed to see the images in the dhtml menu examples using my default folder hierarchy (ie : a folder for the html files and a folder for the js files). The only way for me was to create the data.files folder in the html folder. It works but it does not follow my production standard. Did I forget something ?
A: You should set relative paths according to your html page.
For example, you have such file structure:
web-content/
data/
dmenu.js
data.js
Artwork/
image.gif
...
pages/
1.html // page with the dhtml menu examples
2.html // page with the dhtml menu examples
...
So in Deluxe Tuner you should open image.gif file.
You will have, for example:
d:\webpages\site\web-content\Artwork\image.gif
Then you should delete "d:\webpages\site1\web-content\" and add ../prefix. The path will be:
../Artwork/image.gif
You can also set path_prefix
var pathPrefix_img = "../Artwork/";
Or you can try to use absolute paths, for example:
var pathPrefix_img = "http://domain.com/images/";
Q: How can I have the option for the navbar tabs that initiated the action highlighted once the new page is reloaded?
I want to highlight the tab which is done with 'bselectedItem', please tell me about thesub-tab option.
A: See you cannot create subitems in:
var tabMode=0;
it is not correct.
You should set
var tabMode=1;
The following parameters set the pressed items for top items andsubitems:
var bselectedItem=0; //top items
var bselectedSmItem=2; //subitems
where 0,1,2... is the index of the item in bmenuItems.
- delete var bselectedItem=1; and var bselectedSmItem=2; parameters from your data file
- set correct parameters on each page before you call data file, forexample:
<noscript><a href="http://deluxe-tabs.com">Javascript Menu by Deluxe-Tabs.com</a></noscript>
<script type="text/javascript" src="menudir/dtabs.js"></script>
<script type="text/javascript"> var bselectedItem=3;
var bselectedSmItem=5; </script>
...
<script type="text/javascript" src="menudir/data.js"></script>
Q: I am now running the newest version, all ok. A new client wants to have submenus openFor the left hand menu navigation that I purchased, can I choose what dhtml tree menus will be expanded or collapsed when the user first comes to the webpage for the first time?
For instance, right now, when the user first goes to the page ALL of the menus are collapsed. If I wanted the first and third tree menus to be expanded and the others to stay collapsed when a new user first went to the page, how would I accomplish that?
Thank you very much for your help. on mouse rollover as well as on mouse click. Is this possible with tree menu in XP style?
A: You can expand some items by default.
Add '+' sign before items text in that case:
["+Javascript/DHTML Tree: XP Style","", "deluxe-tree.files/xpicon1_s.gif", "", "", "XP Title Tip", "", "0", "", "", ],
["|Home","testlink.htm", "deluxe-tree.files/icon1_s.gif", "deluxe-tree.files/icon1_so.gif", "", "Home Page Tip", "", "", "", "data-new.js", ],
"Javascript/DHTML Tree: XP Style" item will be expanded by default in that case.
Use var texpanded=1; parameter to expand all menu items by default.
Use function dtreet_ext_expandItem (itemID, expand) API function to expand the specificmenu items dynamically:
http://deluxe-tree.com/functions-info.htmlQ: I have just downloaded your trial version and am trying to use java menu maker using the windows xpstyle1 template. I can only seem to get the top button showing as grey but can change colors of submenus OK. Am I missing something or is this a restriction of the trial system i.e. how do I get the top button showing the same as submenu buttons
A: Trial version of java menu maker has full functionality of the licensed version.
To change submenu colors you should change the following parameters:
var menuBackColor="#F2F3F2";
var itemBackColor=["#F2F3F2","#535353"];
and Individual Submenu Style:
var menuStyles = [
["menuBackColor=#F2F3F2","menuBorderWidth=0","itemSpacing=0","itemPadding=4px","smOrientation=undefined"],
];
For the top items you should change Individual Item style:
var itemStyles = [
["itemHeight=21px","itemBackColor=#F2F3F2,#535353"],
];
