Recent Questions Jquery Tree Menu In Mvc
Q: When I create a tree menu that can be expanded with the double arrows. I was wonder if there was a way to have the dhtml slide tree menu already expanded with I open the page the menu is on instead of having to expanded every time.
A: To expand items by default in Javascript/DHTML Tree you should add '+' symbolbefore item text.
Foe example:
["+Javascript/DHTML Tree: XP Style","", "default.files/xpicon1_s.gif", "", "", "XP Title Tip", "", "0", "", ],
["|Home","testlink.htm", "default.files/icon1_s.gif", "default.files/icon1_so.gif", "", "Home Page Tip", "", "", "", ],
["|Product Info","", "default.files/icon2_s.gif", "default.files/icon2_so.gif", "", "Product Info Tip", "", "", "", ],
["||What's New","testlink.htm", "default.files/iconarrs.gif", "", "", "", "", "", "", ],
["||Features","testlink.htm", "default.files/iconarrs.gif", "", "", "", "", "", "", ],
...
The following parameter expands all menu items by default:
var texpanded=1;
Q: I have configured the Deluxe Tabs menu for the purpose that this menu will form the basis of a website's navigation, once clicked a tab it will take you to the appropriate page.
However one problem I have faced is that menu, regardless of current webpage will display the same active/ selected menu item, having looked in the menu parameters I know that the following set the positions of the selected tab :
* var bselectedItem=0;
* var bselectedSmItem=0;
Is there anyway of selecting the dhtml tab menu index location according to what webpage you are on? On your website it shows an example of a PHP server-side script, however is there an example of this in ASP ?
A: No, unfortunately we don't have such examples in ASP.
Deluxe Tabs doesn't support API functions which can return theselected tab also.
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" 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: 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 created a new directory at the root called newmenu and placed all of the menu files there. I pointed this page to that new directoryIt works!
However, when I point my home page to the newmenu directory, the menu disappears again.
A: Try to move also the reference to dmenu.js after <Body> tag:
<body onload="...">
...
<!-- JavaScript Tree Menu -->
<noscript><a href=http://deluxe-menu.com/>(c)2005 Deluxe-Menu.com</a> </noscript>
<!-- Copyright (c) 2005, JavaScript Tree Menu, deluxe-menu.com -->
<script type="text/javascript" language="JavaScript1.2"> var dmWorkPath="newmenu/"</script>
<script type="text/javascript" language="JavaScript1.2" src="newmenu/dmenu.js"></script>
