Recent Questions
Q: I would like to reduce or remove the indentation between submenus. That way I can save space for the menu. How can I set indentation?
I would like to change the height of the submenu items (no icons used). How can I do that?
A: Unfortunately, you cannot reduce the indent between main items inXP-Style.
To reduce the indentation between submenus you should set thefollowing parameter:
var titemHeight=15;
Q: I have been working with on a site and I am kind stack using the program. I want to use the tree option but not all “buttons” need to have subcategories. For example:
Category 1
Sub-menu 1-1
Sub-menu 1-2
Sub-menu 1-3
Category 2
Sub-menu 2-1
Sub-menu 2-2
Sub-menu 2-3
Category 3
Category 4
When someone click on the “Category 1” or “Category 2”, I want them to see the sub-menus. However, when some click on “Category 3” or “Category 4”, I would like to have it open the appropriate page. How do I do this? This will make a lot easier because not all buttons need to have sub-menus… I hope that makes sense and you can help me on getting this done.
A: You cannot use links for the top items in XP Style only.
var tXPStyle=1;
but you can write:
["<a href='http://deluxe-menu.com'>Item 45</a>","", "", "", "", "", "", "", "", ],
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: We purchased your software and would like a way to give our users the ability to right click (or equivalent) and open a link in to a new window.
Is there a way to do this? If not, do you have a work around that people have found helpful.
As an example, I have a menu item that goes to http://www.google.com. Typically, it loads this in to one of our frames. However, I would like the end user to have the ability to either load it in to one of our existing frames or to load it in its own window.
A: You can try to write the following code for your items:
["<a href='index.html' target='_blank' class='home'>Home</a>","", "", "", "", "Return to Index page", "", "0", "", ],
And create styles
.home{
color: #FFFFFF;}
.home:hover{
color: #FFBEBE;}