Recent Questions Dynamic Treelist Free Code
Q: I came across your program through a link on the Internet. The menu script displayed was DHTML Menu Demo #23 displayed on
http://dhtml-menu.com/dhtml-samples/menu2752.html - this is the only menu I am interested in as it has the capability of positioning the menu script relative to an existing table in the HTML coding of the page. I already have a vertical scrolling menu with several features visitors. We are moving our website to our own server and are doing some updating to make it more attractive when viewed at different resolutions. If you look at the source coding for the page (yes, it's almost exclusively in HTML - it usually views well on any browser) you will see that ALL the content is enclosed in a table which is centered on the page allowing it to be completely viewed at any resolution of 800 x 600 or greater. But the scripting I'm using ( /* Created by Randy Bennet...) uses the left margin of the browser window as left margin of the page. If it could be written so that the left margin of the existing (and centered in the browser window) table would be the point from which the left corner of the "object1" was measured, then the page would view nicely at any resolution. But I cannot find out how to do this from your "newer version".
A: You can create the same menu using JavaScript Tree Menu:
http://dhtml-menu.com/dhtml-samples/menu2752.html
To install JavaScript Tree Menu in the table cell with center alignment youshould use relative position for the menu:
var absolutePos=0;
var posX="0px";
var posY="0px";
And install it on your page in the following way:
<table>
<tr>
<td align="center">
<script type="text/javascript" src="deluxe-menu.js"></script>
</td>
</tr>
</table>
Q: I’m setting an after item image as follows (this code was generated by Deluxe Tuner, not by hand/text editor):
var afterItemImage=["designimgs/btn-ico.gif","designimgs/btn-ico-active.gif"];
var afterItemImageW=8;
var afterItemImageH=7;
As you can see, the after item image is not appearing in my access drop down menu – do you have any idea why that would be/how to fix?
A: You should create Individual style and assign it for the top access drop down menu items:
var itemStyles = [
["itemBackImage=designimgs/blank.gif,designimgs/blank.gif", "beforeItemImage=designimgs/blank.gif,designimgs/blank.gif", "afterItemImage=designimgs/btn-ico.gif,designimgs/btn-ico-active.gif", "beforeItemImageW=1","afterItemImageW=8", "beforeItemImageH=1","afterItemImageH=7","itemBorderWidth=0"],
];
Q: Drop Down Menu could be the best solution for my website ... but Ihave one important question: I've seen, that it's possible to open the javascript change menu linked contents in the same or in a new window or in a frame ... but is it possible, too, to generate a new tab? To open a new window often is not possible, because most users have popup-blockers installed. And to open the contents in the same window drives the user away from the main page! Open a new tab seems to be less risky ... is there any solution to be used with Drop Down Menu? I tried to use "_tab" instead of "_self" or "_parent", but it did not work!
A: You should use _blank. If your browser supports tabs your link will beopened in a new tab (except IE, in IE it will be opened in a newwindow).Q: I'm having difficulty understanding how to set up css drop down menus. The differences between menuStyles, itemStyles, CSS and CSSText is very unclear, and doesn't seem to be well documented.
Do you have any better documentation or writeup on using this feature?
A: No, unfortunately we don't have additional documentation. You can findall info on our site.
We have several examples of the menus using css.
You should set var cssStyle=1; parameter and then assign your stylesto the items.
var cssSubmenu is a CSS class name for all submenus. You can set, forexample, background color, background image, borders for all submenus.
var cssItem is CSS class names for all items (normal state, mouseoverstate) in the top menu and submenus.
var cssItemText is CSS class names for text of all items (normalstate, mouseover state) in the top menu and submenus.
It's possible to appoint individual CSS styles for separate elements of the menu using individual item styles and individual submenu styles.