Recent Questions Css Tree Menu Examples
Q: Is there a way to specify certian font styles escpecailly a hanging indent on the text of the navigation menubar?
A: You should use Individual styles, for example:
var itemStyles = [
["fontStyle=bold 12px Arial,Helvetica", "fontDecoration=none,underline"], // style 0
["fontStyle=normal 12px Arial,Helvetica", "fontDecoration=underline,underline"], // style 1
["fontStyle=normal 14px Arial,Helvetica", "fontDecoration=none,none"], // style 2
];
And assign styles to your items:
var menuItems = [
["1 Item","index.php","","","","_self","0",,,],
["2 Item","","","","","_self","1",,,],
["|Submenu Item","","","","","_self","2",,,],
...
Q: Looking at the tab menu code below, am I right in guessing what the first 6 parameters are, and can you tell me what the last 3 are forplease?
var bmenuItems = [
["-","", "", "", "", "", "", "", "", ],
["Title","...link.asp", "iconNormal", "iconMouseOver","iconSelected", "tootip", "?", "?", "?", ],
["-","", "", "", "", "", "", "", "", ],
];
A: var bmenuItems = [
[item_text, object_to_show, normal_icon, mouseover_icon, selected_icon, tooltip, item_style],
[item_text, object_to_show, normal_icon, mouseover_icon, selected_icon, tooltip, item_style],
...
];
so it's a item_style, the last two are reserved and not used.
http://deluxe-tabs.com/product-info/?individual-item-styles
Q: I have installed all .js files in a subfolder under my html folder. \html\menudir\ all js files are here
My html file is in html folder.
Inserted in HEAD section in HTML file
<!-- JavaScript Tree Menu -->
<noscript><a href="http://deluxe-menu.com">simple javascript menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript"> var dmWorkPath = "menudir/";</script>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<!-- (c) 2006, http://deluxe-menu.com -->
Later in BODY, used your sample popup javascript data-popup-mode.js file
<script type="text/javascript"
src="menudir/data-popup-mode.js"></script>
<img src="../images/lov.gif" onClick="return dm_popup(1, 2000, event);" style="cursor: pointer;"> When I view the page with simple javascript menu and click on the image, I get an error.
What am I doing wrong?
A: If you have only one menu on the page you should write popup functionin the following way:
return dm_popup(0, 2000, event);
Q: I can not figure out why my submenus are not opening next to the javascript menu horizontal? I have included a picture so you can see what I am talking about. When I am in the turner program they pop up just fine but on my website they don't.
A: See, the problem is that the script can't get css properties of the object if they are described in separate .css block (or file).In other words, you can't get the value of "POSITION: absolute" attribute of the object if the object doesn't have this property within inline style (style="POSITION:absolute;"). To get the value you should move .css style into style="" attribute.
Please, try to add your
css file -> inline css, for example:
You should add style="POSITION: absolute; TOP: 0px"
to the
<div id=div_name>
So, you'll have:
<DIV id=div_name style="POSITION: absolute; TOP: 0px">
Try that.
