Recent Questions
Q: Where do I increase the width of the javascript menu bars for each entry? Some of my links are a bit longer than the image and it's causing it to use part of another gif to cover it. Sorry not sure if I even explained that right. Let me know if this makes sense.
A: I suppose that you're using Vista style templates.
The width of vista images is 94px. If the width of your menu itemis wider than 94px you should correct the width of the images in anygraph editor, for example in Photoshop. You should set the width ofthese images 120px and set the following parameter:
var itemStyles = [
["itemWidth=120px","itemBackColor=transparent,transparent","itemBorderWidth=0","fontStyle=bold 10pxTahoma","fontColor=#FFFFFF,#F8FF95","itemBackImage=columbine.files/btn_orange.gif,columbine.files/btn_orange2.gif"],
];
You can also try to use the following parameter to use combinedbackground for your items:
var beforeItemImage = [,]; //left-side image for normal and mouse over state
var itemBackImage = [,]; //background or image for normal and mouse over state
var afterItemImage = [,]; //right-side image for normal and mouse over state
var beforeItemImageW = '';
var afterItemImageW = '';
var beforeItemImageH = '';
var afterItemImageH ='';
Q: I purchased your menu and I am currently using it. I was trying to use the vista template with the images. Yet when I have an js dropdown menu item that is a little long in text the image breaks in to two buttons. Is there a way to fix this or is that just the way it is with these templates?
A: Images in Vista Templates have the fixed width and height (92 x21):
var itemStyles = [
["itemWidth=92px","itemHeight=21px","itemBackColor=transparent,transparent","itemBorderWidth=0", "fontStyle=normal 11pxTahoma","fontColor=#3A3A3A,#000000", "itemBackImage=data-vista-2-04.files/btn_olive.gif,data-vista-2-04.files/btn_white.gif"],
];
When items text is too long you can have such effect.
You can try to use combined background for your items, for example:
var beforeItemImage = [,]; //left-side image for normal and mouse over state
var itemBackImage = [,]; //background or image for normal and mouse over state
var afterItemImage = [,]; //right-side image for normal and mouse over state
var beforeItemImageW = '';
var afterItemImageW = '';
var beforeItemImageH = '';
var afterItemImageH ='';
But you should create a small images in any Graph Editor, for example:
button_n_back.gif
button_n_left.gif
button_n_right.gif
button_o_back.gif
button_o_left.gif
button_o_right.gif
Q: I have been mostly creating my menus by starting with a template file that has the features I need, and then modifying that file by hand (as opposed to using the Tuner program). In this case I am using data-vista-01.js.
When I load my html file that has references to the necessary resources (e.g. .js, gif, etc) in a directory that has the Images folder and Menu folder copied directly from the installed Deluxe Menu program directories, I get what I want.
This is perfect. But I think to myself, surely I don't need all the .js files from the Menu directory, nor do I need all the .gif files from the Images directory, so I started deleting those files one at a time, until I got to the point where Images contained only the Vista1 folder + the empty.gif file, and the Menu folder contained only dmenu.js. My menu now not working.
I'm guessing that some graphic files need to draw the top-level menu bar are missing. But which ones?
So my question is, what files do I really need? Is this something the documentation describes, and if so where?
I hope I don't have to include the full contents of the Menu and Images folder, as they are quite large.
A: Unfortunately, you should add all need images manually.
We'll try to correct it soon.
You can open your data.js file and see what images you're using in themenu and copy tese images into your folder.
You should also change the following parameter:
var pathPrefix_img="";
There is no need to use all engine files for the menu.
Description of files you can find here:
http://deluxe-menu.com/description-of-files-info.html
Q: I have a question regarding deluxe tab implementation.Can you guide me on how to change tab selection dynamically for the tabbed navigation.
A: Deluxe Tabs doesn't support API functions which can return the selected tab.
You can set "bselectedItem" and " var bselectedSmItem" parameters based on your link before you call your data file.
For example, move " var bselectedItem" and " var bselectedSmItem" parameters from your data file to your code.
<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
var bselectedItem= var bselectedSmItem= </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, for example:
<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>