Recent Questions Sample Menu Treeview Powerbuilder
Q: Does you tree menu javascript support right-to-left layout?
That is to say it opens the branches/submenus from the right to left.
A: Yes it is possible to create a menu for right-to-left languages with Javascript/DHTML Tree in the same way as in standard htmlcode.
Please, set <HTML dir="rtl">. You should set the following parameters:
var titemAlign="right";
var ticonAlign="right";
var texpandBtnAlign="right";
JavaScript Tree Menu support right-to-left languages.
In JavaScript Tree Menu you can set the following parameter:
var dmRTL = 1;
Set this parameter to 1 if you're using right-to-left direction of html page <HTML dir=rtl>.
Q: What I mean is I still want the destination page to be static inthe var menuitems but when the javascript side menu item is clicked, it'll run a js on the onclick or mouseup event.
Is this possible?
something like:
var menuItems = [
["text", "home", "javascript:onclick=your_code_here"]
];
A: You can achieve this by using standard html objects within javascript side menu items, for example:
var menuitems = [
["<div onContextMenu='your_code_here'>item text</div>", ""]
];
Actually you can use any html code within menuItems.
Q: I am having two issues. 1. I am trying to create Deluxe-Tabs similar to the one here:
http://deluxe-tabs.com/file/templates/deluxe-tabs-style-4.html.
I do not see the feature for making the content in each of the event tabs. How is that done?
2. The second issue is that I am using a Deluxe-Menu on www.domain.com/default and when I navigate [ Activities > Football (ACTIVE LINK) ] for example, the link goes to the new page, but it does not keep the menu on the page. I am using master pages and the menu is on themain-master-page.
A: 1) You should paste your content in the <div> .. </div> tags.
<div id="content1" style=" visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/logo_DM.gif" width=262 height=56 alt="Deluxe-Menu.com"></p>
</div>
<div id="content2" style="visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/logo_DT.gif" width=262 height=56 alt="Deluxe-Tree.com"></p>
</div>
<div id="content3" style=" visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/logo_DTabs.gif" width=254 height=58 alt="Deluxe-Tabs.com"></p>
</div>
See in Deluxe Tabs there are two modes:
1. var tabMode=0;
You can create only one level of event tabs and assign Object Id's of theDIV's to show when you click on the tab.
["XP Tab 1","content1", "", "", "", "", "", "", "", ],
["XP Tab 2","content2", "", "", "", "", "", "", "", ],
["XP Tab 3","content3", "", "", "", "", "", "", "", ],
["XP Tab 4","content4", "", "", "", "", "", "", "", ],
2. var tabMode=1;
You can assign only links in this mode.
You should create top level items with subitems.
["XP Tab 1","", "", "", "", "", "", "", "", ],
["|Link 1_1","http://deluxe-tabs.com", "", "", "", "", "0", "", "", ],
["|Link 1_2","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 1_3","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 1_4","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 1_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 2","", "", "", "", "", "", "", "", ],
["|Link 2_1","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 2_2","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 2_3","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 2_4","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 2_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 3","", "", "", "", "", "", "", "", ],
["|Link 3_1","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 3_2","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 3_3","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 3_4","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 3_5","testlink.htm", "", "", "", "", "0", "", "", ],
You can use Object ID as well as Link in both modes. Use the following prefixes within item's link field:
"object:" - means that there is object id after it;
"link:" - means that there is a link after it.
"javascript:" - means that there is a javascript code after it, for example:javascript:alert(\'Hello!\')
So, you should write for example:
["|Link 1_1","object:Content1_1", "", "", "", "", "0", "", "", ],
2) You have incorrect page structure.
Now you have several HEAD, BODY tags on your pages. It is not correct.
You should check your page structure.Q: I have a question about your code for drop down menu; I was searching the internet for some programs that could generate a good menu for me. I came across your program deluxe tuner. It said it was freehowever it seems as if you need another program to get this one to work although it looks like deluxe tuner does everything I need to do. Anyways I am having a serious issue. The program generates the navbar perfectly fine, the problem is getting it to import into my web page. I tried the instructions below in dreamweaver CS3 severaltimes. I then tried to do it to a blank web page still nothing. I go into the source code and paste the code that this program generates exactly where I am told to place it then I also place the other code where I would like the navbar to be. Nothing happens I preview my site and I just get a blank page??? I placed the source files under the root of the web folder; I double checked the code to make sure that it is pointing to the source files. The Main .Js file sits in the root folder the same folder that the page is in, and the other .js files sit under a folder called “ NavBar.files “ that deluxe tuner generated for me.What could I possible be missing?? If I need to pay for the program I defiantly will but not until I get an answer on this question.
A: Your installation seems to be correct.
Please, check that you have all files for the code for drop down menu in the correctplaces, for example:
NavBar.files/
dmenu.js
....
*.gif
...
index.html
NavBar.js
Try also to set exact width for the code for drop down menu, for example:
var menuWidth="400px";
