Recent Questions
Q: I need a navigation bar dhtml where on the click of certain items, server side code on the page can be called and executed.
I need to create a multiple item select menu. Sothe menu would need to remain open and allow a user to selectmultiple items and would either submit onmouseout or maybe a “submitthese selections” menu item.
A: You can try to use Deluxe Tree in that case:
http://deluxe-tree.com
You can paste any html code inside item text, see example here:
http://deluxe-tree.com/data-samples/tree-menu1.js
["+Support", "", "icon5_t.gif", "icon5_to.gif", "", "Support Tip"],
["|Index <select style='width:120px;height:17px;font:normal 10px Tahoma,Arial;'><option>Section 1<option>Section 2<option>Section 3</select>", "", "", "", "", "","", "0"],
["|Search <input type=text style='width:80px;height:17px;font:normal 10px Tahoma,Arial;'> <input type=button value='Go'style='width:30px;height:17px;font:normal 10px Tahoma,Arial;'>", "", "", "", "", "", "", "0"],
["|Write Us", "mailto:[email protected]", ""],
["|<INPUT TYPE=checkbox CHECKED ID=chk1 onclick='choosebox1()'>Uncheck this check box for some free advice","","","",],
["<img src='img/sep.gif' width=113 height=1>"],
You should also add your own code, so your checkbox will workcorrectly.Q: How can I have the sub tab option that initiated the action highlighted once the new page is reloaded? I want to highlight the tab which is done with 'bselectedItem', please tell me about the sub-tab option.
A: See you cannot create subitems in
var tabMode=0;
it is not correct.
You should set
var tabMode=1;
The following parameters set the pressed items for top items andsubitems:
var bselectedItem=0; //top items
var bselectedSmItem=2; //subitems
where 0,1,2... is the index of the item in bmenuItems.
- delete var bselectedItem=1; and var bselectedSmItem=2; parameters from your data file
- set correct parameters on each page before you call data file, forexample:
<noscript><a href="http://deluxe-tabs.com">Javascript Menu by Deluxe-Tabs.com</a></noscript>
<script type="text/javascript" src="menudir/dtabs.js"></script>
<script type="text/javascript"> var bselectedItem=3;
var bselectedSmItem=5; </script>
...
<script type="text/javascript" src="menudir/data.js"></script>
Q: Thanks for getting back with me but how do you build the menu?
I opened Deluxe Tuner program to build a menu and there are categories titled common, dimensions, font, appearance etc. and I have NO IDEA what to do?
Can you walk me through the development of a menu?
A: First of all you should add items.
Please, click "Add item" and "Add subitem".
In the "Item parameters" window you can set text, link, target, iconsfor the menu items. You can also assign different style for each menuitem (item style and submenu style).
But at first you should create this style. Click "Edit IndividualStyle/Add Style" and set different parameters for the style.
Try to set different parameters of the menu.
In the "Preview window" you can see all your changes.
First of all you should choose menu orientation:
var isHorizontal = 1; Menu orientation: 0 - vertical, 1 - horizontal.
You can set exact width and height of the menu in the "Dimension"category.
You should set
var absolutePos=1;
if you want to have absolute positioning menu.
Font style you can set in the "Font" category.
To set color of the menu you should set the following parameters:
var menuBackColor="#FCEEB0";
var menuBorderColor="#C0AF62";
var itemBackColor=["#FCEEB0","#65BDDC"];
var itemBorderColor=["#FCEEB0","#4C99AB"];
Try also to change these parameters:
var itemSpacing=3;
var itemPadding="3px";
Arrows for main items and subitems you can set here:
var arrowImageMain=["default.files/arrowmain.gif","default.files/arrowmaino.gif"];
var arrowImageSub=["default.files/arrowsub.gif","default.files/arrowsubo.gif"];
If want to have floatable or movable menu you should set the followingparameters:
var floatable=0;
var movable=0;
You can also try to change any template.
Q: I tried to add a fixed width on some of the items that I thought had too much empty space on the right of the text but would not work. Is it possible to have a fixed amount of pixels after the text for all navigation items of the css drop-down menu?
A: You can set padding parameter in the following way:
var itemPadding="3px 15px 3px 3px";
top right bottom left