Recent Questions Dropdown Tree Menu Yui
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: How do I add padding around a top item in the javascript menu buttons?
A: You should specify itemPadding parameter in "px".
You shouldadd "px" in your style for subitems:
var menuStyles = [
["menuBackColor=#F2F3F2","menuBorderWidth=0","itemSpacing=1","itemPadding=4px","smOrientation=undefined"],
];
Notice also that you can set multiple value for itemPadding parameter,for example:
itemPadding=4px 10px 4px 10px// top right bottom left
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: The window open javascript are loading as the page loads, as well as when you click the appropriate object. How can we prevent the pre-loading of pop-ups so that they only load onclick?
A: In that case you shouldn't set openAfter and closeAfter parameters.
So, you'll have:
deluxePopupWindow.attachToEvent(win,',,,,,')
or
deluxePopupWindow.attachToEvent(win,'openAfter=,closeAfter=,,,,')
See the following example:
http://deluxepopupwindow.com/html-popup-dialog-vista-graphite.html
