Recent Questions Context Menu In Treeview Javascript
Q: I am totally confused by this now but I have 2 data files - one for a menu bar going horizontal and one going vertical both containing the same information. But even though the content is the same, the layout is different.
You will see that on the horizontal menu,
Fleet
Financce
CPC Cards
Cashire
These are listed correctly under each other but on the vertical one, the layout differs.
A: You should write your parameters more carefully.
See, now you have
menuItems = [
["About us","javascript:alert('Coming Soon')", , , ,"" ,0 , , , ],
["|||Organisation Chart","javascript:alert('Coming Soon')", , , ,"" ,1, , , ],
First you have the 1-st level of menu items then at once 4-th. It isnot right. You should write the number of your Individual Style in ""also.
See, how you should write your menuItems:
menuItems = [
["About us","javascript:alert('Coming Soon')", , , ,"" ,"0" , , , ],
["|Organisation Chart","javascript:alert('Coming Soon')", , , ,"","1", , , ],
["|Who's Who?","/k6intranet2.nsf/PageTitleLookup/Who's Who?OpenDocument", , , ,"" ,"1", , , ],
["|Contact Details","javascript:alert('Coming Soon')", , , ,"" ,"1", , , ],
["How To?","javascript:alert('Coming Soon')", , , ,"" ,"0", , , ],
["|Fleet","javascript:alert('Coming Soon')", , , ,"" ,"1", , , ],
["||Hire a Vehicle","/k6intranet2.nsf/PageTitleLookup/Hire a Vehicle?OpenDocument", , , ,"" ,"1", , , ],
["||Report an Accident","/k6intranet2.nsf/PageTitleLookup/How to report an accident?OpenDocument", , , ,"" ,"1", , , ],
["||Report a Breakdown","/k6intranet2.nsf/PageTitleLookup/Report a Breakdown?OpenDocument", , , ,"" ,"1", , , ],
["|Finance Admin","javascript:alert('Coming Soon')", , , ,"" ,"1", , , ],
["||Capitalise an Asset","/k6intranet2.nsf/PageTitleLookup/capitalise an asset?OpenDocument", , , ,"" ,"1", , , ],
["||Pay your Personal Calls on Mobile Phone Bills","/k6intranet2.nsf/PageTitleLookup/Pay your personal calls on mobile phone bills?OpenDocument", , , ,"" ,"1", , , ],
["||Request a credit to be raised","javascript:alert('Coming Soon')", , , ,"" ,"1", , , ],
["|CPC Cards","javascript:alert('Coming Soon')", , , ,"" ,"1", , , ],
["||Request a new CPC user","/k6intranet2.nsf/PageTitleLookup/request a new cpc user?OpenDocument", , , ,"" ,"1", , , ],
["||Report a Lost/Stolen CPC Card","/k6intranet2.nsf/PageTitleLookup/Report a lost or stolen card?OpenDocument", , , ,"" ,"1", , , ],
["||Enquire about a general CPC query","/k6intranet2.nsf/PageTitleLookup/enquire about a general cpc query?OpenDocument", , , ,"" ,"1", , , ],
["|Cashier","javascript:alert('Coming Soon')", , , ,"" ,"1", , , ],
["||Request a Cashbook Manual Payment","/k6intranet2.nsf/PageTitleLookup/Request a Cashbook Manual Payment?OpenDocument", , , ,"" ,"1", , , ],
["||Request a Cashbook BACS Payment","/k6intranet2.nsf/PageTitleLookup/Request a cashbook Bacs payment?OpenDocument", , , ,"" ,"1", , , ],
["Useful Information","javascript:alert('Coming Soon')", , , ,"" ,"0" , , , ],
["|Month End Timetable 2007","javascript:alert('Coming Soon')", , , ,"" ,"1", , , ],
["|Month End Year to Date Results","javascript:alert('Coming Soon')", , , ,"" ,"1", , , ],
["||Coming Soon...","javascript:alert('Coming Soon')", , , ,"" ,"1", , , ],
["Finance Focus","javascript:alert('Coming Soon')", , , ,"" ,"0" , , , ],
["|Coming Soon...","javascript:alert('Coming Soon')", , , ,"" ,"1", , , ],
["Coming Soon","javascript:alert('Coming Soon')", , , ,"" ,"0", , , ],
];
dm_init();
Q: How do you go about labeling the various segments of your page to utilize the tab navbar?
A: See, for each item you should assign the ID property of the content
DIV (see data file with your menu parameters).
["Style Name","contentName", "", "", "", "", "1", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Description","contentDescription", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Variations","contentVariations", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Empty","", "", "", "", "", "2", "", "", ],
And on your html page you should create DIV's with such ID.
<div id="contentName" style="height: 0%; visibility: hidden;" class="tabPage">
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
You should paste your content here!!!!!
</div>
<div id="contentDescription" style="height: 0%; visibility: hidden;" class="tabPage">
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
You should paste your description here!!!!!
</div>
You can paste any code within DIV's (PHP, Javascript ...)
Q: The submenu should look identical to the main menu but it is not allowing this.
Even though parameters are set to 0 it is showing smart scroll and also not showing the sub menus how they should be.
I also notice and error in the templates window view when I am looking at the javascript onmouseover menu.
A: You've set the exact width for your submenus:
var smHeight="21px"; // it is the height of the whole submenu
It is not right.
Try to write:
var smHeight="";
> I also notice and error in the templates window view when I am looking
> at the menu.
Now you have:
var pressedItem="";
It is not correct. Try to set:
var pressedItem="-2";
See the attached example.
Q: Is dhtml menu software compatible with mac?
A: You should download free trial version on MAC:
http://deluxe-menu.com/trial-download.html
So, you'll have MAC version of JavaScript Tree Menus.
And use the licensed engine files from the licensed .zip
(you can download it from the link in your license message).
Unfortunately we don't have html version of the Tuner for Javascript/DHTML Tree
and Deluxe Tabs now. We'll try to create it in the nearest future.
You can find all templates for Javascript/DHTML Tree, Deluxe Tabs, Popup Window, Calendar in the trial package.
More info about installation and parameters you can find on our websites:
http://deluxe-menu.com
http://deluxe-menu.com/css-menu/
http://deluxe-tree.com
http://deluxe-tabs.com
http://deluxepopupwindow.com/
http://calendardatepicker.com/
