Recent Questions Tree Menu Dengan Javascript
Q: I am trying the menu and facing one problem…
The text is too large and doesn't wrap around.. instead it makes the dhtml menu layers wider.
My dhtml menu layers needs to be 175 px only.. if there are to many characters in the link, I like it to wrap around to the next line…
Any options?
A: You should set the following dhtml menu layers parameter:
var noWrap=0;
You can also use standard <br> tags inside item's text:
["All Card <br>Envelopes","", "", "", "", "", "", "", "", "", "", ],
Q: The menu is the table imbedded to the layer.
If you want to center the menu paste itwithin the <div>> or <table> with a static position and specify a center alignment for it, for example:
<div align=center>
<script src="data.js"></script>
</div>
Please, set exact value for var menuWidth parameter, for example:
var menuWidth = "500px";
This can help to align your menu correctly in all browsers.
Try also to specify units in "px".
Set also:
var absolutePos = 0;
If you want to use absolute position for the menu, use varabsolutePos=1 instead of absolute position for div.
Q: When I roll my mouse over my menu, it appears halfway down the page, not next to the menu. This only happens when I enclose the code in <div></div> layers. Is there a way to fix this?
A: It is possible that you have some problems with your css.
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" 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 <DIV id=SiteMenu>
to the
style="position:absolute;"
So, you'll have:
<DIV id=SiteMenu style="position:absolute;">
Check that.
Q: Do the Vista style menus support a separator?
It seems to add some space but the separator line is not drawn.
A: Yes, you can paste a separator in the Vista style menus.
Please, see the following parameters:
//--- Separators
var separatorImage=""; //for subitems
var separatorWidth="5";
var separatorHeight="100%";
var separatorAlignment="right";
var separatorVImage="images/public/separator.gif"; //for the top items
var separatorVWidth="3";
var separatorVHeight="100%";
var separatorPadding="";
You should set a separator in the menuItems, for example:
var menuItems = [
["Home","index.cfm", , , , , , , , ],
["-"],
["About Us","about.cfm", , , , , , , , ],
];
Try that.
