Recent Questions
Q: The problem is now that I have a scroll bar in the main menus although there is nothing to scroll.
Do you have any ideas?
A: You've set the exact width and height for submenus.
var smWidth = "100";
var smHeight = "250px";
var menuStyles = [
["smWidth=220px","smHeight=250px"],
["smWidth=200px","smHeight=250px"],
["smWidth=120px","smHeight=250px"],
];
Try to write:
var smWidth = "";
var smHeight = "";
var menuStyles = [
[""],
[""],
[""],
];
There will be no scroll bar in the main menus.
Q: I’ve tried every configuration available—absolute and relativepositioning and so on. I can’t get the menus to display correctly.
I have to offset the topDX by -150 and so on just to fudge it into a CLOSE position…it certainly doesn’t mirror the preview window
A: See, the problem is that the script can't get css properties of the object if they are described in separate .css block (or file).
In other words, you can't get the value of "position" attribute of the object if the object doesn't have this property within inline style(style="position:absolute"). To get the value you should move .css style into style="" attribute.
Please, try to add your
css file -> inline css, for example:
You should add style="position:absolute;"
to the
<DIV id=navholder>
So, you'll have:
<DIV id=navholder style="position:absolute;">
Q: How I can write the changed dhtml pull down menu into a database?
A: Unfortunately, we don't have such example.
You may generate a menu from a database or XML using any server-side script, e.g., PHP, ASP, VB, etc.However, these scripts don't work inside of Javascript .js files, so, you should move parameters of a menu from a .js file into an html-page, e.g.:
<!-- Deluxe Tree -->
<noscript><a href="http://deluxe-tree.com">Javascript Tree Menu by Deluxe-Tree.com</a></noscript>
<script type="text/javascript" src="menudir/dtree.js"></script>
<!-- (c) 2006, http://deluxe-tree.com -->
<script type="text/javascript" language="JavaScript1.2">
// and describe parameters of a menu
var parameter1=value1;
var parameter2=value2;
etc.
var tmenuItems = [
// here you generate items using server-side scripts (php, asp, vb, etc.)
];
</script>
The example of the menu working with PHP/MYSQL you can find here:
http://deluxe-menu.com/rq-loading-bar-MySQL-support.html
This example is not for Deluxe Tree menu, but you can create your menu in the same way.
Q: I used the drop menu creator to create a simple tab example, and I created a simple HTML file to display the tabs. It initially appears fine when the page first displays (e.g., the correct div is hidden), but when I *first* click on a tab I always get a javascript error deep in the .js code. Then I click around a bit between the tabs and get some display problems (no more javascript errors though), until finally the show/hide logic recovers and all looks ok.
The error I initially get is something like “tabs[…].id is not an object”. I have the IE7 debugger turned on, otherwise I might not ever see this error.
FYI, I tried your example menus on your web site and everything is fine! Maybe the .js files on your web site are not the same as those created by the generator?
A: You should set the following parameter in drop menu creator:
var bselectedSmItem=0;