Recent Questions
Q: Is there any way to call a javascript function on mouseover from a menu item for a sub navigation bar?
A: You can use your own javascript functions in the menu items.
You should paste "javascript:some_function()" into item's link field, for example:
var menuItems = [
["text", "javascript:your_function(...)", ...]
];
var menuItems = [
["item text", "javascript:alert('Hello World')", , , , ,]
];
Unfortunately, you can't assign onmouseover/onClick event to each item. However, you can achieve this by using standard html objects within items, for example:
var menuitems = [
["item text
", "index.html"]
];
Q: Then it is a bit annoying now that the menu bars in java does not work for
- Firefoxs
- Safari
For either Windows nor Mac.
According to your browser support this should work.
A: Links in your menu bars in java don't work in Firefox.
Now you have:
["Butiken","http://www.wexthuset.com/default.asp?sp_pid=8&sp_text=8"],
["|Tillbehцr","http://www.wexthuset.com/default.asp?ct=859&sp_pid=2&sp_page=1&sp_psort=22&
sp_sortfield=product_name&sp_sortorder=1&sp_pname=&sp_type=0&select_method=1"],
["||Belysning","http://www.wexthuset.com/default.asp?ct=859&sp_pid=2&sp_page=1&sp_psort=22&
sp_sortfield=product_name&sp_sortorder=1&sp_pname=&sp_type=5&select_method=1"],
["||Bevattning","http://www.wexthuset.com/default.asp?ct=859&sp_pid=2&sp_page=1&sp_psort=22&
sp_sortfield=product_name&sp_sortorder=1&sp_pname=&sp_type=11&select_method=1"],
....
try to write & instead of &.
["Butiken","http://www.wexthuset.com/default.asp?sp_pid=8&sp_text=8"],
["|Tillbehцr","http://www.wexthuset.com/default.asp?ct=859&sp_pid=2&sp_page=1&sp_psort=22&sp_sortfield=product_name&
sp_sortorder=1&sp_pname=&sp_type=0&select_method=1"],
["||Belysning","http://www.wexthuset.com/default.asp?ct=859&sp_pid=2&sp_page=1&sp_psort=22&sp_sortfield=product_name&
sp_sortorder=1&sp_pname=&sp_type=5&select_method=1"],
["||Bevattning","http://www.wexthuset.com/default.asp?ct=859&sp_pid=2&sp_page=1&sp_psort=22&sp_sortfield=product_name&
sp_sortorder=1&sp_pname=&sp_type=11&select_method=1"],
....
Q: Hi, I need to know if it is possible to accomplish the following functionalities with your tree-menu library.
1. I need to have two or more trees in the same page
2. I need to have a checkBox in each node and through a JavaScript function be able to add the selected nodes into another tree.
3. I need to eliminate the nodes that has check=true
4. I need to populate on-demand the tree using AJAX
5. I need to implement drag&drop through the use of the mouse events on the tree nodes
6. How would the tree behave with 10000 nodes??
7. I need to have a tree within another element that uses scroll
such as a DIV or SPAN (fixed area). When collapsed or expanded, the area should remain its original size.
A: 1. You can add any number of the menus on the one page.
2, 3, 5. Yes, you can do it. But you should create your own server-side script (for example, php) that will do it. The menu doesn't support such a feature.
4. Unfortunately, you can't use the AJAX-like technology in the Deluxe Tree such as in Deluxe Menu.
6. It is possible that the loading speed can be lower if the menu is very large. But it doesn't take so much time.
Yes, you can notice some delay in IE, but in over browsers it works better.
Deluxe Tree works fast, but 10000 is a large value. Please, try atrial version of Deluxe Tree.
I tried to create large menus on my machine: P4 3GHz, 512RAM WinXP SP2
It takes:
- 1000 items ~ 10 sec
- 2000 items ~ 40 sec
7. You can paste Deluxe Tree into the <table> or <div>.
Q: How can I from javascript code change a displayed tab selection to another one in the dynamic menu tabs... lets say from first tab to the third tab?
A: This Tabs menu can save pressed item automatically within1 page only.
If you open another page, the menu can't remember presseditem.
You should do that manually using Javascript and menu parameters
( var bselectedItem and var var bselectedSmItem) or using any server-side script (php, asp, etc.)
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>
Try that.