Recent Questions Javascripts Dynamic Tree Menu
Q: Will tab titles ever automatically wrap?
Is there a way to force a wrap of a tab title in a tab menu java?
A: No, unfortunately, tab menu cannot wrap item text automatically.
But you can use
tag within item text, for example
var bmenuItems = [
["Item 1 text <br> text text text <br> text text text ","", "", "", "", "", "", "", "", ],
["Item 2","", "", "", "", "", "", "", "", ],
["Item 3","", "", "", "", "", "", "", "", ],
];
Q: I recently purchased your Deluxe-Tabs product and I am trying to create tabs that occupy 100% width with each tab being equal width.
Right now when I specify 100% menu width all of the tabs are difference sizes (widths).
How do I control the individual tab width?
A: You should use Individual Item styles to achieve this effect.
See the attached example.
You should set:
var bmenuWidth="100%";
I have 5 items in my example, so I've created Individual Style
var bstyles = [
["bitemWidth=20%"],
];
And assign it for all items:
["Item 1 aaaaa ssssss","", "", "", "", "", "0", "", "", ],
["Item 2 ffff jjjjjjjjjj","", "", "", "", "", "0", "", "", ],
["Item 3 text text","", "", "", "", "", "0", "", "", ],
["Item 4 text text","", "", "", "", "", "0", "", "", ],
["Item 5 text text","", "", "", "", "", "0", "", "", ],
But notice that items width cannot be smaller than the width of its'text. So it is possible that you'll have different size of some itemsif your window have a small size.
Q: Can I use javascript to get the object (getElementByID). If not howdo I hide my dropdown menu on print?
A: You can add a new button to print your page and call onClick event, soyou should write:
<body ....
onClick="document.getElementById('dm0m0').style.visibility='hidden'; window.print();">
...
</body>
Or you can use the same javascript code from your menu item.
For example:
var menuItems = [
["Print", "javascript:document.getElementById('dm0m0').style.visibility='hidden';
window.print();", icon1, icon2],
];
But if you want to hide the menu when your customers push "File/Print"you should write so:
You must create two functions, for example:
function myprint()
{ document.getElementById('dm0m0').style.visibility='hidden';
window.print();
}
function myprint2()
{ document.getElementById('dm0m0').style.visibility='visible';
window.print();
}
You should add this functions into your code.
And then you must write so:
window.onbeforeprint = myprint;
window.onafterprint = myprint2;
Q: I have Deluxe-Menu v2.0.
1. When I make an Item a Seperator using '-' on main menu Items (on a menu verticale javascript) it does NOT work (leaves a blank row) but when I make an Item a Separator using '-' on a Subitem it DOES work (uses the Separatorimage). Why ?
Can I make an Item a Separator on the main menu and get it to use the Separatorimage ?
2. If I set the text value to empty on a main menu Item and then add image paths in the Normal and Mouse Over Icon fields in Item Parameters, all I get on my preview is an image placeholder with a Red X but when I set the text value to empty on a SubItem and then add image paths in the Normal and Mouse Over Icon fields in Item Parameters, the preview DOES show the image. Why ?
How can I get the image to show on the main menu verticale javascript Item ?
A: 1. You should set a separator in the menuItems, for example:
var menuItems = [
["Home","index.cfm", , , , , , , , ],
["-"],
["About Us","about.cfm", , , , , , , , ],];Please, see the following parameters:
//--- Separators var separatorImage=""; //for subitems
var separatorWidth="100%";
var separatorHeight="3px";
var separatorAlignment="right";
var separatorVImage="images/public/separator.gif"; //for the top items
var separatorVWidth="100%";
var separatorVHeight="2px";
var separatorPadding="";
You can send us a copy of your html page (including .js files) ora direct link to your website, so we can check it.
2.You can send us a copy of your html page (including .js files andimages), so we can check it.
