Recent Questions Show And Hide Side Tree Javascript
Q: Which parameters do I change so that the background of the top level menu names change their background?
A: If you want to change the background of the top level menu items onlyyou should use Individual Item Styles and change them.
For example, you have:
var itemStyles = [
["itemBackColor=#8C63D8,#CBB8ED","itemBorderColor=#8C63D8,#CBB8ED"], //style 0
];
var menuStyles = [
["menuBackColor=#8C63D8","menuBorderColor=#8C63D8"], //style 0
];
var menuItems = [
["Text;", "link", "", "", "tip", "target", "0", "0"],
["Text;", "link", "", "", "tip", "target", "0", "0"],
];
Where "0", "1" - style number in itemStyles.
Please, use Deluxe Tuner application to create and assign individualstyles. You can find Deluxe Tuner in the trial package.
Q: Does your product support image swapping? For instance, if I was building a menu such as the one on your site, how would I swap the "Home", "Product Info", etc images/gif's?
I'm using a JavaScript such as the one below:
<a href="index.html"><img src="images/btn_home_up.gif" name="Image1" width="91" height="33" border="0" id="Image1" onmouseover="MM_swapImage('Image1','','images/btn_home_roll.gif',1)" onmouseout="MM_swapImgRestore()" /></a>
A: You can use images for items using standard <img> tag.
But in this case you should change pictures yourselves usingJavascript to make rollover items.
For example:
var menuItems = [
["<img src='image1.gif' width=100 height=20 onmouseover='this.src=\"image2.gif\" onmouseout='this.src=\"image1.gif\"'>Text", link,]
];
or
var menuItems = [
["<img src='image.gif' onmouseover='changeImage(this, 1)' onmouseout='changeImage(this, 0)'>"]
];
Q: Is there a way to programmatically specify which tab is selected in the drop down menu using javascript?
What I mean is, I want to set the selected tab programmatically (Not clicking the tab).
A: Deluxe Tabs doesn't support API functions which can return theselected tab.
If your site is written on PHP you can set "bselectedItem" and "varbselectedSmItem" parameters based on your link beforeyou call your data file.
For example, move "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: In the drop down menu generator there's no option for turning the cursor into a hand. There's hourglass etc but no hand. Is there a way to make it a hand?
A: You should set the following parameter
var itemCursor="pointer";
