Recent Questions Extjs West Menu Tree
Q: We are interested in using your dropdown menu code for our site but we do have a question.
When the dropdown menu code viewed in IE7 everything is fine but when I view it in opera or firefox browsers the menu bar is off the screen. Have I missed something in the script to position this in the center whin the table it belongs in?
<table border="0" align="center" cellpadding="0" cellspacing="0"
summary="Quaker Meadows Menu">
<tr>
<td>
<script type="text/javascript" src="data.js"></script>
</td>
</tr>
</table> is off the screen. Have I missed something in the script to position this in the center whin the table it belongs in?
<table border="0" align="center" cellpadding="0" cellspacing="0"
A: Try to set exact width for the dropdown menu code in "px". It helps to position themenu correctly in all browsers.
var menuWidth="500px";
Q: All of a sudden I'm getting the 'Incorrect Copyright" on two of my sites.??
Here's what I have in the file:
<!-- JavaScript Tree Menu, Deluxe-Menu.Com -->
<noscript><a href=http://deluxe-menu.Com/>Javascript Menu by Deluxe-Menu.Com</a></noscript>
<script type="text/javascript" language="JavaScript1.2">vardmWorkPath = "menudir/dmenu.js";</script>
<!-- (c) 2005, Deluxe-Menu.Com -->
What's wrong??
A: What version of the menu you're using?
Now we have new version of the menu v2.4. We've fixed "IncorrectCopyright" message in IE7 in it.
How to upgrade to v2.4
---------------------------------------------------------------
You can download the licensed engine .js files from the same link in your license message.
JavaScript Tree Menu v2.4 has new parameters and features.
To upgrade to v2.4 you should do the following.
Step 1.
1.1 For Windows users
a. Install new license package. (you can download it from the same link in your license message)
b. Run Deluxe Tuner v2.4
c. Open menu data file (.js file where menu parameters are placed):
select File/Open…
d. Save the file: select File/Save, then click "No" button when the dialog box appears.
1.2 For other OS users
a. Open menu data file (.js file where menu parameters are placed) in a text editor.
b. Make sure that the following variables exist in the data file:
var keystrokes = 0;
var dm_focus = 1;
var dm_actKey = 113;
var dynamic = 0;
var smHideOnClick = 1;
var itemAlignTop = 'left';
var smSmartScroll = 1;
var dmAJAX = 0;
var dmAJAXCount = 30;
var dmRTL = 0;
var dmObjectsCheck = 0;
var menuBackRepeat = "repeat";
var menuHeight = "";
var transDuration2 = 200;
If one of the variables doesn't exist - add it at the beginning of the file.
c. Save the file.
Step 2. Now open HTML-page that contains JavaScript Tree Menu.
Step 3. Replace existent <noscript></noscript> tags of the menu by the following code:
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
See more info about installation here:
http://deluxe-menu.com/installation-info.html
Step 4. Save HTML-page.
Step 5. New engine v2.4 has 7 .js files.
They are:
- dmenu.js
- dmenu4.js
- dmenu_add.js
- dmenu_dyn.js
- dmenu_key.js
- dmenu_cf.js (new v2.00)
- dmenu_popup.js (new v2.00)
Replace all old .js files by the files from v2.4.
Try that.
Q: Do you have a product that serves as a cascading drop down menu where you can override the width of the display?
A: You can use "smart scrolling" feature in this case for the JavaScript Tree Menu.
To disable/enable the "smart scrolling" for the main items and submenus use the following javascript scrolling menu parameters:
var smSmartScroll = 1;
var topSmartScroll = 1; (works if var menuWidth isn't empty)
You can also specify height and width for each separate submenu using the following menu parameters:
var smWidth = "100px";
var smHeight = "300px";
Q: I'm trying to shrink the vertical size of the sub-menu entries in my menu:
I think I've specified all the parameters correctly in data.js, but itТs hard to tell what affects the height of the submenu entries. Even reducing the type from 10pt to 8pt didnТt shrink them at all.
A: See, you set the following parameter:
var itemPadding = 7;
That is why you have such a big padding around the items.
If you don't want to change the appearance of the main items youshould create Individual Style for the subitems. For example:
var menuStyles = [
["itemPadding=2px"],
];
And assign this style for the first item in submenu.
