Recent Questions
Q: I am evaluating De Luxe menu. We perhaps like to become OEM distributor.
But I have a question.
In a website i would like to align 3 menu items to the left of the page and the other items to the right.
The 3 items to the left have a different style. But all have a fixed width.
I tried to define a spacer between the items but this didn't work out.
<script type="text/javascript"
src="/webos_net/dmenu/data.js"></script><script
type="text/javascript">
var menuItems = [
["Website","/webos_net/default2.aspx?site=website",,,"","_top","0"],
["MyNorma","/webos_net/default2.aspx?site=mynorma",,,"","_top","0"],
["BackOffice","/webos_net/default2.aspx?site=portal",,,"","_top","1"],
[" ","/webos_net/default2.aspx",,,"spacer","","2"],
["Zoek","",,,"",'main','3'],
["Stamgegevens","",,,"",'main','3'],
["Repartitie","",,,"",'main','3'],
["Beheer","",,,"",'main','3'],
]
dm_init();
I also defined itemstyles:
var itemStyles = [
//hoofdmenu
["itemWidth=50pt","itemBackImage=/images/topmenu1bg.jpg","fontColor=#444444,#444444"],
//hoofdmenu selected
["itemWidth=50pt","itemBackImage=/images/topmenu1bg.jpg","fontColor=#444444,#444444","itemBorderWidth=2","itemBorderColor=#ff0000,#ff0000"],
//spacer
["itemWidth=100%"],
//default menu
["itemWidth=100pt"],
];
Can you provide a java menu samples which shows left and right alignment of menu items is possible?
A: Unfortunately it is not correctly to write
["itemWidth=100%"],
in Individual Styles. It won't work. You can set the exact width forthis space, for example:
var itemStyles = [
["itemWidth=50pt","itemBackImage=/images/topmenu1bg.jpg,/images/topmenu1bg.jpg", "fontColor=#444444,#444444","showByClick=0"],
["itemWidth=50pt","itemBackImage=/images/topmenu1bg.jpg","fontColor=#444444,#444444", "itemBorderWidth=2","itemBorderColor=#ff0000,#ff0000"],
["itemWidth=220px","itemBackColor=transparent,transparent","itemBorderWidth=0", "itemBorderStyle=none,","showByClick=0"],
["itemWidth=100pt"],
];
var menuStyles = [
];
var menuItems = [
["Website","/webos_net/default2.aspx?site=website", "", "", "", "_top", "0", "", "", "", "", ],
["MyNorma","/webos_net/default2.aspx?site=mynorma", "", "", "", "_top", "0", "", "", "", "", ],
["BackOffice","/webos_net/default2.aspx?site=portal", "", "", "", "_top", "1", "", "", "", "", ],
[" ","", "", "", "spacer", "", "2", "", "", "", "", ],
["Zoek","", "", "", "", "main", "3", "", "", "", "", ],
["Stamgegevens","", "", "", "", "main", "3", "", "", "", "", ],
["Repartitie","", "", "", "", "main", "3", "", "", "", "", ],
["Beheer","", "", "", "", "main", "3", "", "", "", "", ],
];
Q: Also once you click a link and go to a new page, how do you get the java choice menu tab for that new page to stay the highlighted one?
A: Deluxe Tabs doesn't support API functions which can return theselected tab aslo.
You can set "bselectedItem" and " var bselectedSmItem" parametersbased on your link before you call your data file.
For example, move " var bselectedItem" and " var bselectedSmItem" parametersfrom your data file to your code.
<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
var bselectedItem=<?php echo $seltabs; ?>;
var bselectedSmItem=<?php echo $selsmtabs; ?>;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>
You should define seltabs and selsmtabs using server side script.
You can also set it on every page before you call data.js file, forexample:
<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
var bselectedItem=4;
var bselectedSmItem=3;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>
Q: Question is where in the data file configuration or within the menu Tuner would I inseart the icons for individual item labels and center them over the text or other alignments like you did in the horizontal menu on the deluxe-menu.com web site?
A: You should write, for example, so:
["<img src='data.files/micon1.gif' width=32 height=32><br> Home","testlink.html", , ,"" , , , , , ],
Q: Is there any way to call a javascript function on mouseover from a menu item?
A: You can use your own javascript functions in the menu items.
You should paste "javascript:some_function()" into item's link field, for example:
var menuItems = [
["text", "javascript:your_function(...)", ...]
];
var menuItems = [
["item text", "javascript:alert('Hello World')", , , , ,]
];
Unfortunately, you can't assign onmouseover/onClick event to each item. However, you can achieve this by using standard html objects within items, for example:
var menuitems = [
["<div onMouseover='your_code_here'>item text</div>", "index.html"]
];