Recent Questions
Q: Is there a way to change the height of the main buttons in Dhtml Menu. When I use the GUI tool there is nowhere to change the main button height. And when I tried to change it in the script file, it did me no good. I want all of the main buttons to be the same size.
A: You can use standard <img> object to set menu height, for example:
var menuItems = [
[" <img src='blank.gif' width=1 height=50>text"],
];
Q: I need to set individual itemtargets for a number of items in the navigation bar menu...
A: You can set target parameter for all items:
var itemTarget="_blank";
or
var itemTarget="main";
where main - is the name of the main frame where you want to open the link
or for each item individually:
["Home","testlink.html", "", "", "", "_blank", "", "", "", "", "", ],
...
["Home","testlink.html", "", "", "", "main", "", "", "", "", "", ],
Q: Now I need to work out how to add multiple menu's to a page? Are you able to reference these separately - is this possible.
The page that I am creating lists out notes from our system - there is a "options" button to the right of each note - when the cursor hovers over this button I want to dynamically load themenu's. On any page there could be over a 100 of these "option" buttons and the menu that would load from each option button could be different and specific to the note.
A: You can add as many menus as you want on the one page.
You should call
<SCRIPT type=text/javascript> var dmWorkPath = "data.files/";</SCRIPT>
<SCRIPT src="data.files/dmenu.js" type=text/javascript></SCRIPT>
and then call your data files:
<SCRIPT src="data.files/data1.js" type=text/javascript></SCRIPT>
<SCRIPT src="data.files/data2.js" type=text/javascript></SCRIPT>
<SCRIPT src="data.files/data3.js" type=text/javascript></SCRIPT>
<SCRIPT src="data.files/data4.js" type=text/javascript></SCRIPT>
> The page that I am creating lists out notes from our system -
> there is a "options" button to the right of each note - when the
> cursor hovers over this button I want to dynamically load the
> menu's.
You can try to use pop up menus
http://deluxe-menu.com/popup-mode-sample.html
You may also generate a menus from a database or XML using any server-side script, e.g., PHP, ASP, VB, etc.
Q: When using javascript tabbed menu, where do I place the text content related to the selected tab, (the text presented on the rest of the screen under the tab)? And who do I connect a specfic text to a certain tab?
A: See, for each item you should assign the ID property of the contentDIV (see data file with your menu parameters). You should set var tabMode=0;
["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. You canset background image for these DIV's in styles.
<div id="contentName" style="height: 0%; visibility: hidden; background-image: url('img/back.jpg'); background-repeat:repeat-y;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
<br><br><br>
You should paste content of javascript tabbed menu here!!!!!
</div>
<div id="contentDescription" style="height: 0%; visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
<br><br><br>
You should paste your description here!!!!!
</div>