Recent Questions Dhtml Treeview Checkbox
Q: How can I vary the width of the individual items on the main bar for the javascript menu?
A: You can use Individual Styles to set the width for the menu items.Please, use Deluxe Tuner to create your individual styles.
You should write for example so:
var itemStyles = [
["itemWidth=98px"], // style 0
["itemWidth=100px"], // style 1
["itemWidth=110px"], // style 2
["itemWidth=120px"], // style 3
["itemWidth=95px"], // style 4
];
var menuItems = [
["","", "data.files/products.gif", "data.files/products_mo.gif", "Products", "_self","0" , , , ],
["|XLCubed Edition","pro_excel.html", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "0", , ],
["|Web Edition","pro_web.html", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "0", , ],
["|TM1 Connection","tm1Connection.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "0", , ],
["|Downloads","downloads.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , , , , , ],
["","", "data.files/demoCenter.gif", "data.files/demoCenter_mo.gif", , ,"1", , , ],
["|Online Demos","onlineDemos.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "1", , ],
["","", "data.files/resources.gif", "data.files/resources_mo.gif", , ,"2", , , ],
["|Customer Center","customer.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "1", , ],
["|Partner Center","partnerCenter.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , , , ],
["|Documents","documents.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "1", , ],
["|Technical Specs","techSpecs.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "1", , ],
["|Training","training.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self","3", "1", , ],
["","support.htm", "data.files/support.gif", "data.files/support_mo.gif", , "_self","4", , , ],
["","", "data.files/company.gif", "data.files/company_mo.gif", , , , , , ],
["|History","history.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "1", , ],
["|Contact Us","contactUs.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "1", , ],
];
Q: My question is, the down arrows only show on the main page, how do I fix this.
A: Please, check images paths within data .js file.
For example, if you have data.js file here:
c:/website/data.js
and your images are stored here:
c:/website/images/
you should set image name so (for example):
var arrowImageMain = ["images/arrow1.gif", "images/arrow2.gif"];
If you use Tuner, you should save data .js file before you'll selectimages. When you save .js file it means that you set a root directoryfor the project, so Tuner can make all selected images with relativepaths.
Q: Is there any way to keep a menu lit up when going to another page? Or do the menus always have to default back to their normal state?
I want the menu to know what page the user is on and keep that section highlighted. Any ideas?
A: You should set a pressed item using Javascript API:
function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)
Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.
But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem.
You can't get this ID after you reload your page. That is why you should write your own code on PHP.
Q: On the left menuline under the a1 link, shall appear the javascript menu div, but after several refreshes, nothing happens.
On the local computer, the javascript menu div is working perfectly!
Can you send me instructions, why this problem appears?
A: You've placed the javascript menu div in
<TD class=sidebar vAlign=top width=160>
tag with the following styles:
.sidebar TR {
DISPLAY: none! important
}
TD.sidebar IMG {
DISPLAY: none
}
.sidebar TABLE TR TD IMG {
DISPLAY: none
}
.sidebar TABLE TR TD {
DISPLAY: none}
That's why you cannot see the javascript menu div. Delete "DISPLAY: none" propertyfrom the style.