Recent Questions Javascript Easy Dhtml Treeview
Q: I am interested in Deluxe Tabs MAC Style.
However before I do I want to make sure that:
- I can change the buttons pictures on both the first row and the second row. There has to be a <img src=" " > tag in the code somewhere, correct?
- I can expand or diminish the number of buttons and links
- Also, I have a question: if I am on "Mac Tab 1" menu, and I click on "Mac Tab 2" menu without clicking on any of the links onthe second row, what is the page that I see? Do I see by default Link 2_1 or do I see some kind of generic page? In other words is there a "main" page for each tab menu and then you have the other pages which correspond to Link 2_1, Link 2_2, etc.?
- Is it possible to remember a visited sub-menu? For example I am on "Mac Tab 2/Link 2_3" and I go to "Mac Tab 4/Link 4_2" and then I come back to "Mac Tab 2". Can the main page for this "Mac Tab 2" be Link 2_3 which was my last visited link on that tab?
A: 1) No, there is no such tag - <img src=" " >
For the main items you should set such parameters:
bbeforeItemImage - left part of the item
bafterItemImage - right part of the item
bitemBackImage - center part of the item
in normal, mouseover and selected states.
And for the subitems (in MAC template) you should set onlybitemBackImage - the center part of the item.
Please, see the code of this template.
2) You can create any number of the buttons and links.
3) You can set links for main items and for the subitems.
For example:
var bmenuItems =
[
["Mac Tab 1","http://deluxe-menu.com",,,,,,],
["|Link 1_1","http://apycom.com",,,,,,"0"],
["|Link 1_2","testlink.htm",,,,,,"0"],
["|Link 1_3","testlink.htm",,,,,,"0"],
So, if you click on "Mac Tab 1" you will go to http://deluxe-menu.com
And if you write so
["Mac Tab 1","",,,,,,],
no page will open.
4) This Tab 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, var bselectedSmItem) or using any server-sidescript (php, asp, etc.)
Q: First I want to thank you for the great support you provided. I have another question about the dynamic javascript tree. Is there a javascript API to fire an user click event so the browser will load proper page accordingly? I looked around the current APIs from your site and could not find one.
A: You can use dtreet_ext_userClick (itemID) function.
See more info:
http://deluxe-tree.com/functions-info.html
Actually you can use your own Javascript code instead standard links and html code inside item text. For example:
var tmenuItems = [
["text", "javascript:your_code_here"]
];
or
var tmenuitems = [
["<div onClick='urlSubstitution(\'transco/sheet.asp?stype=1\')'>Table of Contents</div>", ""]
];Q: I have been working with the trial package for the last couple of days, of which I have been really impressed with. However there have been a couple of things that have frustrated me greatly...
The natural place that I first tried was replacing the "content1" line with a direct URL in the var bmenuItems section but this made no difference at all. I am also trying to work out what each set of "" equate to as I have found a couple of pages on the Internet very similar to this but none of them have nine different sections.
["Home","content1", "", "", "", "", "1", "", "", ],
Is it possible to allow one of the tabs on this template to just open another page? I look forward to your response in regards to these questions and hope to hear from you again soon so that I can crack on with this project.
A: You can't assign links in Dhtml Tabs when you're using var tabMode = 0;.
You can assign only the object's ID of <div> on your page.
Try to set var tabMode = 1;
and use links for your items.
Q: I currently have the menus set to show the selected item in white and the non-selected items in blue.
However, I can only choose one item in each menu.
Is there any way to choose multiple items from a single ajax drop down menu and have all of selected items show white? If so, what option do I need to enable for the ajax drop down menu?
Programmatically, I think it would be similar to something to:
dm_ext_setPressedItem (1,1,1);
dm_ext_setPressedItem (1,1,2);
A: No, JavaScript Tree Menu doesn't has a feature to highlight multiple items now.
Actually you can use the following function:
function dm_ext_changeItem (menuInd, submenuInd, itemInd, iParams)
You can create Individual Item Style with style of selected item andusing this function assign it for the items you want to highlight
dm_ext_changeItem(0, 0, 1, ["JavaScript Tree Menu Info", "", "", "", "ajax drop down menu hint",,"1"]);
