Recent Questions Javascript Treeview Calendar
Q: I want to change the background color of one of the menu items of the menu horizontal.If I understand correctly I go to INDIVIDUAL STYLES and should be able tochange the background color for one of the menu items there. Under item appearance I tried to change itemBackColor - but I can't seem to make it take affect (I tried clicking OK but its under the Style Names, so thats probably not it.
Please advise.
A: You should click "Edit Individual Styles" button.
On the 'Item Styles' tab click "Add style" button.
Set itemBackColor and click "OK" button.
Select the item you want to change the style for and assign new style for it. Go to Item Parameters window 'Item style' field.
var itemStyles = [
["itemBackColor=#EB2999,#590937"], //style0
];
var menuItems = [
["Home","testlink.html", "", "", "", "", "", "", "", "", "", ],
["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", "", "", "0", "", "", "", "", ], //style0
Q: Thanks for your reply, I have another question as follow, I find the tree menu just expand one tree item, if I have expanded one tree when I click it, whether I click another tree to expand it's item and the before expanded tree are maintain expanded, I don't want to close it?
A: Use the following parameters:
var tcloseExpanded = 0; - Enables the mode when 1 item only can be expanded.
0 - disabled, 1 - enabled.
var tcloseExpandedXP = 0; - Enables the mode when 1 submenu only can be expanded (XP-style).
0 - disabled, 1 - enabled.
You can also try to set the following parameter:
var texpandItemClick = 1; - 0 - expand items on a [+]-button click only;
1 - expand items on a mouse click.
See more info about menu parameters here:
http://deluxe-tree.com/parameters-info.html
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: I have setup some tabs on a site that I am designing and for some reason when I click on a drop down menu links tab and it links to another page it automatically highlights the first tab in the row. I have tried fiddling with it and have not been able to figure it out. Can someone point me in the right direction to have the correct tab selected after i click it and goto the page.
A: Deluxe Tabs doesn't support API functions which can return theselected drop down menu links tab.
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" drop down menu links 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>
Try that.
