Recent Questions Windows Explorer Tree View Using Javascript
Q: I have been evaluating your dhtml-tree product, for a potential use.
It does just about every thing I want apart from 1 thing:
I want each css dropdown menu item to (optionally) support the following syntax:
<a href="menu_link.html" onClick="return fnClickedLinked()">Menu Link</a>
I have worked out how to change the "menu_link.html", and also that it could be something like "javascript:fnClickedLinked()".
However I want the above syntax, where search engines can pick up the link and if my function returns false, the link is not followed when clicked.
Is this possible?
Or can I cancel the link navigation using the tree API node click event??
A: Actually you can add the html code inside item's text:
["|<a href="menu_link.html" onClick="return fnClickedLinked()">Menu Link</a>","", "", "", "", "Tip", "", "", "", "", ],
You can also try to use API function:
function dtreet_ext_userClick (itemID)
http://deluxe-tree.com/functions-info.htmlQ: Can I add the value of the parameter to the link where I want my application to go when I active a submenu in the menu script?
A: Actually you can add php code inside menu links.
If you define your parameter in .js file you should write yourlinks in the following way, for example:
<?
....
$key = 123456;
....
?>
["Home","www.domain.com/home.php?key=<? echo $key ?>", "", "", "", "", "", "", "", ],
If you define your key parameter in the php file you should move your
menuItems into your php page directly:
<?
....
$key = 123456;
....
?>
<script type="text/javascript">
var tmenuItems = [
['JavaScript Tree Menu','http://deluxe-menu.com','icon.gif',,,,,],
['Javascript/DHTML Tree','http://deluxe-tree.com','icon.gif',,'New!',,,],
['Deluxe Tabs','http://deluxe-tabs.com','icon.gif',,'New!',,,],
["Home","www.domain.com/home.php?key=<? echo $key ?>", "", "", "", "", "", "", "", ],
];
dm_init();
</script>
Q: As a part-time webdeveloper I have gotten very interested in your product. I really appreciate a number of things
- it's very flexible
- it's very easy to work with
- examples nicely show the capabilities
But I have a couple of questions:
- When opening a menu, there is an option for keeping the menu-item that has been pressed hightlighed (so that the user can see what he/she pressed). Is it possible, programmatically, to decide when this highlighting should be removed? The scenario is that, when a menu-item is clicked the used might browse for a couple of pages within the context defined by the menu-item, but when the user leaves, the menu-item should no longer be highlighted. I will (programmatically) decide the context, but is it possible for me to interact with the menu, and for example decide explicitly which menu should be highlighted?
- Our design department would like the menu containing the elements: "Skovdrift, Juletreer, Skovrejsning, etc". Please notice that "Brende" is supposed to show a menu item that is hightlighted. Is is possible to create this menu such that it is dynamic and each item is text-based (and not based on two pictures for each menu-entry: hightlighted and not)? I've been wondering how to solve this problem, but I cannot figure out a solution. The problem that I is stuck at, is how organise this speciel "frame" around each menu-element. Something that be partly accomplished using "arrowImageMain", but that does not bring me all the way. Please notice that the menu-items might not have any sub-menu.
A: I suppose that you're saying about
var pressedItem=-2;
Defines an item that will appear in the highlighted state
(-2 - normal mode, -1 - toggle mode is active, but highlighted item not defined, 0,1,2,3,... - # of pressed item including separators)
This parameter will not approach you.
You should set a pressed item using Javascript API:
function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)
Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.
But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem.
You can't get this ID after you reload your page. That is why you should write your own code on PHP.
Q: The secondary javascript menu style sub menu under Aircraft doesn't line up the same as in Tuner..
A: JavaScript Tree Menu doesn't work correctly (incorrect submenu position) if youhave complex frame structure.
The problem is in a structure of your frameset.
Mozilla browsers can't determine absolute coordinates for a frame, so submenus drop down with an offset.
You should create, for example, the following frameset structure:
--|------------|--
| top |
--|------------|--
| menu |
--|------------|--
| |
| submenus |
| |
Now a second row has 3 columns and all browsers can determine a width of the 1st column in the second row.
