Recent Questions Javascript Treeview Folder Example
Q: I downloaded the trial version of Deluxe Tuner and love the menus it makes. I'm havinga major problem centering the expandable menu in a table. I'm using FrontPage 2002 but added thescript into the page via notepad. No matter what I try, the expandable menu stays on the left ofthe table. Do you have any suggestions? I'm sure you must have a list of problemsassociated with FrontPage. Can you please help me?
A: To center the menu on your html page you should set the followingparameter and install the menu in the following way:
var absolutePos=0;
<div align=center>
<script type="text/javascript" src="deluxe-menu/dmenu.js"></script>
</div>
<table width=800>
<tr>
<td align=center width=600><script type="text/javascript"
src="data/data.js"></script></td>
</tr>
</table>
Q: At the very beginning of each javascript close menu item (exception for top level item using "XP-Style") there is always a small gap of 2px width.
Firebug show me this small piece of code :
***********************************
<td id="" style="margin: 0px; padding: 0px;">
<img id="" width="2" height="1" border="0" style="display:
block;" src="images/blank.gif"/>
</td>
***********************************
Is there a way to avoid this ?
A: You should set the following parameter in that case:
var tXPBorderWidth=0;
Q: If I wanted to change the graphics at a later date in tab menu javascript (main top tabs, subtabs, etc.), how would I do that?
A: In that case you should open images I'm using for top tabs in any graph editor and changethem.
back.gif
back_o.gif //back images for normal and hover states for the last tabs in the top menu(instead of the 1-st 6 items)
sep_top.gif // separator for the top items
top1.gif
top1_o.gif //back images for normal and hover states for the 1-st tab, you can change thetext of this tab in deluxe-menu.js:
["<font color='#FFF90E'>MAIN</font><br>Initiative<br>(Strategy)","testlink.html", "", "", "", "", "5", "4", "", "", "", ],
By the way to apply hint for this item you should write:
["<font color='#FFF90E'>MAIN</font><br>Initiative<br>(Strategy)","testlink.html", "", "", "This hint appears when you hover over the 1-st item", "", "5", "4", "", "", "", ],
top2.gif
top2_o.gif //back images for normal and hover states for the 2-nd tab, you can change thetext of this tab in deluxe-menu.js:
["<font color='#FFF90E'>PAIN</font><br>Identified<br>(Problems)","", "", "", "", "", "6", "", "", "", "", ],
and so on...
For the subtabs I'm use images for arrows only:
var arrowWidthSub=8;
var arrowHeightSub=8;
var arrowImageSub=["deluxe-menu.files/arrow.gif","deluxe-menu.files/arrow_o.gif"]
Q: So, as you can see, I use "_self" in order to make the URL open in same window when left-clicked. If I set it to empty it opens in new window (is that correct behaviour (I thought we should use _blank to get that effect).
A: In the menuItems you can set target parameter for each itemindividually.
The following parameter:
var itemTarget="_blank";
sets target for all items, so if you haven't specified target for theitem
["Arbeidsplaner","cp_workplan.php",,,,"","0","0"],
the target for this item will be "_blank".