Recent Questions Tree Style Vertical Menu Wordpress Css
Q: Is there a different type of menu, other than the way I have it set up, such as the tree type, that might load faster or take up less space when the page loads?
A: You should set
var dmAJAX=1;
create .js files with your submenus and call this files from your mainfile, for example:
var menuItems = [
["Home","testlink.htm"],
["Product Info","", , , , , , , "data-samples/data-ajax2.js", ],
["Samples","", , , , , , , "data-samples/data-ajax3.js", ],
["Purchase","testlink.htm"],
["Contact Us","testlink.htm"],
];
/*** data-ajax2.js ****/
var menuItems = [
["Features","testlink.htm"],
["Installation",""],
["Parameters Info","testlink.htm"],
["Dynamic Functions","testlink.htm"],
["Supported Browsers",""],
];
Add dmenu_ajax.js file in the same folder with your dmenu.js file.
Try that.
Q: I am trying to use the following horizontal tabs menu:
http://deluxe-tabs.com/file/templates/deluxe-tabs-style-3.html
My problem is that the bitebackimage is not showing as you can see in the example below.
All the left and right side images appear, but not the repeating button background. All the images are in the same directory and have the same URL to point to them.
Any ideas on what the problem might be?
A: The reason is in your styles. Now you have in style.css file:
TABLE {
FONT-SIZE: 10pt; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Arial,Helvetica,sans-serif
}
TR {
FONT-SIZE: 10pt; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Arial,Helvetica,sans-serif
}
TD {
FONT-SIZE: 10pt; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Arial,Helvetica,sans-serif
}
You should write:
TABLE {
FONT-SIZE: 10pt; FONT-FAMILY: Arial,Helvetica,sans-serif
}
TR {
FONT-SIZE: 10pt; FONT-FAMILY: Arial,Helvetica,sans-serif
}
TD {
FONT-SIZE: 10pt; FONT-FAMILY: Arial,Helvetica,sans-serif
}
Q: I created a custom error page for a site, but the menu would not display.
I found that this was due to the erroneous "current directory" in the bad link test, for a non-existent directory.
which is: level2/level3/
I changed the script code from:
<script type="text/javascript"> var dmWorkPath = "DMworkfiles/";</script>
<script type="text/javascript" src="DMworkfiles/dmenu.js"></script>
to:
<script type="text/javascript"> var dmWorkPath = "DMworkfiles/";</script>
<script type="text/javascript" src="/DMworkfiles/dmenu.js"></script>
adding the "/" before "DMworkfiles/dmenu.js" source reference allowed the .js file to be found in the root directory and the menu would display.
The problem is that the little menu "expansion" arrow .gif cannot be found in the "current working directory" of level2/level3/. just little "blanks" show.
I tried changing:
var dmWorkPath = "DMworkfiles/";
to:
var dmWorkPath = "/DMworkfiles/";
but that did not enable the display of the arrows.
I also had to prefix all of the links in the menu with a "/" to indicate the root directory because of the "current directory" for the bad page.
I hope I have explained the problem sufficiently.
What am I doing wrong or missing here?
A: You can use additional parameters to make menu paths absolute:
var pathPrefix_img = "http://domain.com/images/";
var pathPrefix_link = "http://domain.com/pages/";
These parameters allow to make images and links paths absolute.
For example:
var pathPrefix_img = "http://domain.com/images/";
var pathPrefix_link = "http://domain.com/pages/";
var menuItems = [
["text", "index.html", "icon1.gif", "icon2.gif"],
];
So, link path will be look so:
http://domain.com/pages/index.html
Images paths will be look so:
http://domain.com/images/icon1.gif
http://domain.com/images/icon2.gif
Please, try to use these parameters
Q: Is it possible to populate a drop down menu trees from a mysql database?
If so do you have an example please before I go ahead and try/purchase.
A: Unfortunately we don't have working example.
Only this example:
http://deluxe-menu.com/rq-loading-bar-MySQL-support.html
You can use trial version to test the menu at first. Trial version has full functionalityexcept "Trial Version" nag.