Recent Questions
Q: Is there a way to increase the margin between the text on the main tree menu and the edge of the dhtml menu control. The text appears to be right up against the left margin.
A: You can add symbol before item's text, for example:
[" Deluxe Tree: XP Style","", "", "", "", "XP Title Tip", "", "0", "0", "", ],
or you can write:
["+<div style='padding-left: 15px;'>Deluxe Tree: XP Style</div>","", "", "", "", "XP Title Tip", "", "0", "0", "", ],
Actually you can use any html code within dhtml menu control items.
Q: But given the sample on
http://deluxe-menu.com/highlighted-items-sample.html#ind
we want to delete menuentry 'Sample1' and do
dm_ext_deleteItem(2, 4, 0)
This raises an error but according to your javascript menu master manual the first argument should be the menuindex ....which is 2 in our opinion.
A: See, if you have several menus on your page they will have differentID's, for example:
<script type="text/javascript" src="menu/data1.js"></script> //ID=0
<script type="text/javascript" src="menu/data2.js"></script> //ID=1
<script type="text/javascript" src="menu/data3.js"></script> //ID=2
<script type="text/javascript" src="menu/data4.js"></script> //ID=3
So, if you have only one menu on your test page you should use ID=0
Q: I am trying to make the tab menu to work correctly and after extensive testing and I have come across a problem that I can seem to get resolved. I am using images for the tab menu with no text and <divs> to display information about each javascript new menu tab. However while the page loads I can see all the content from all the <div> javascript new menu tabs and when the page if fully loaded, the web page then displays the content correctly with all the content hidden until the correct tab is selected. Mind you this is the only thing on the webpage so there shouldn’t be any load time problems.
Please advice what is happen to resolve this issue.
A: Try to set display: none; property for the style of your DIV, forexample:
<div id="content1" style="display: none;" class="tabPage">
<br><br><br>
<p align=center><img src="../image/img/logo_DM.gif" width=262 height=56 alt="Deluxe-Menu.com"></p>
</div>
<div id="content2" style="display: none;" class="tabPage">
<br><br><br>
<p align=center><img src="../image/img/logo_DT.gif" width=262 height=56 alt="Deluxe-Tree.com"></p>
</div>
Q: I have read your FAQ's on "When using javascript tabbed menu, where do I place the text content related to the selected tab", but I am still not understanding how to edit the java text menu. Can someone please assist me. This is for our Pack website and I have subscribed to a non-profit license. Thank you for your time.
A: You should specify any Object ID name of the DIV.
See, for each java text menu item you should assign the ID property of the contentDIV (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. 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 your content 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>