Recent Questions Treeview Ie Onload Js Integration
Q: I'm testing your menu, however this always display the result of the execution of this code, that was generated by the GUI tool
<!-- Code for JavaScript Tree Menu Items. Generated by Deluxe Tuner -->
<div id="dmlinks" style="font:bold 14px Arial;color:#000000;text-decoration:none">
<a id="dmI1" href="testlink.html">Recompensas</a>
<a id="dmI3" href="testlink.html">Ingresar</a>
<a id="dmI4" href="testlink.html">Cuentale a un amigo</a>
<a id="dmI6" href="testlink.html">Ingresar</a>
<a id="dmI7" href="testlink.html">Servicios y Soluciones</a>
<a id="dmI8" href="testlink.html">Contactanos</a>
<a id="dmI9" href="http://deluxe-menu.com/order-purchase.html">Acerca de Medussa</a>
<a id="dmI14" href="testlink.htm">Soporte</a>
</div>
<!-- End of Code for JavaScript Tree Menu Items -->
I don't know what's happenning I followed the instructions that you describe in your installation process. I'm using the menu in a jsp page.
A: Now on your page you have only search engine friendly code for JavaScript Tree Menu. You do not have menu.
See more info about the installation of the menu here:
http://deluxe-menu.com/installation-info.html
You should paste also such lines, for example:
<script type="text/javascript" src="deluxe-menu.files/dmenu.js"></script>
and
<script type="text/javascript" src="deluxe-menu.files/data.js"></script>
Where data.js is the file with your menu. You can create such file using Deluxe Tuner.
You should upload this files on your server in the correct place.
Q: After I create that submenu I want to move those items up or down within that submenu in the javascript editor.
A: Do you want to move your subitems within Deluxe Tuner?
To move items select items you want and use a mouse drag'n'drop method.
To copy items select those you want and use a mouse drag'n'drop method holding a Ctrl key.
Also you can use a contextual menu - a right mouse click on the list of items.
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: I can't figure out how to get menu items to swap images to use like a traditional image rollover. In the Dhtml menu, I can change the style background without needing images, or I can use generic images as a background, but I have situations where I need to use unique images for each state of a button.
These unique image buttons contain text and graphics, and there are different images for different states: normal, mouse over, mouse down.
A: The menu has only two states normal and mouseover.
You should use Individual Item Styles.
Please, see the example of JavaScript Tree Menu here:
http://deluxe-menu.com/data-templates/vista-style-02-template-sample.html
You should use "itemBackImage" parameter.
var itemStyles = [
["itemWidth=92px","itemBorderWidth=0","fontStyle=normal 11px Tahoma","fontColor=#FFFFFF,#FFFFFF","itemBackImage=btn_greenblack.gif,btn_green.gif"],
];
