Recent Questions Tree Con Aculo Script
Q: I have generated my navigation menu bar and want to incorporate it into my current website.
How do I resize and position the navigational menu inside a table?
A: 1) Resize:
You could specify exact width for menu using that parameter:
var menuWidth="400px";
You can also set exact width for each top item using Individual Item Styles:
var itemStyles = [ ["itemWidth=120px"],];
var menuItems = [ ["Item 1","", "", "", "", "", "0", "", "", ],
["Item 2","", "", "", "", "", "0", "", "", ],
["Item 3","", "", "", "", "", "0", "", "", ],
["Item 4","", "", "", "", "", "0", "", "", ],
["Item 5","", "", "", "", "", "0", "", "", ],
];
2) Position the navigational menu inside a table:
You can paste the menu inside the <div> or <table> tag, for example:
<DIV align=center>
<SCRIPT src="data/data.js" type=text/javascript>
</SCRIPT>
</DIV>
<table width=800>
<tr>
<td align=center width=600><script type="text/javascript" src="data/data.js"></script></td>
</tr>
</table>
Q: I have a issue involving the location of the files.
What is the correct method of referencing the webroot (document root) in the deluxe tuner?
I ask because I have some pages that are in a sub folder on the server.
eg. index page is http://www.domain.com/index.html
but another page might be at
http://www.domain.com/somedir/somepage.html
And then the references do not work.
Currently I am editing the data.js file after saving it in deluxe tuner.
A: If you want to use relative paths you should write your links in thefollowing way.
If you have, for example such file structure:
deluxe-menu_files/
dmenu.js
data.js
images/
html_pages/
page1.html
page2.html
index.html
So, you should write write all your paths concerning index.html file.
For example, you paths will be:
["HOME","html_pages/page1.html", , , , "_self", "-1", , , ],
["ABOUT US","html_pages/page2.html", , , , , , , , ],
Unfortunately, Deluxe Tuner can't do it automatically. You shouldcorrect your paths manually.
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: I bought this menu in Dec and have a problem with it in the Firefox browser. In IE it works fine, Firefox throws the menu on the right side of the page. Am I doing something wrong?
A: Try to set the exact width for the menu in "px":
var menuWidth="500px";
Q: How can I get an image to be a separator in between items on my css vertical drop down menu?
A: To add a separator you should
//--- Separators
var separatorImage=""; //for subitems (top items in vertical menu)
var separatorWidth="100%";
var separatorHeight="3px";
var separatorAlignment="right";
var separatorVImage="separator.gif"; //for the top items (subitems items in vertical menu)
var separatorVWidth="100%";
var separatorVHeight="2px";
var separatorPadding="";
You can create separators using menuItems (you can do it in DeluxeTuner, use "Add separator" button), for example:
var menuItems = [
["item 1"],
["-"], // this item is separator
["item 2"],
];