Recent Questions Tree Extjs Horizontal Menu
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 need to create a pop-up menu triggered from a flash movie button. Is this possible, and if so, do you have any documentation on this? (coding for flash button, etc)
A: Unfortunately you cannot assign OnClick or OnContextMenu event forflash file.
Q: I now have the need to introduce separators on the menu.
Can you tell me how to do that?
I cannot find any documentation telling me how this is done.
A: Please, see the following parameters:
//--- Separators
var separatorImage=""; //for subitems
var separatorWidth="5";
var separatorHeight="100%";
var separatorAlignment="right";
var separatorVImage="images/public/separator.gif"; //for the top items
var separatorVWidth="3";
var separatorVHeight="100%";
var separatorPadding="";
You should set a separator in the menuItems, for example:
var menuItems = [
["Home","index.cfm", , , , , , , , ],
["-"],
["About Us","about.cfm", , , , , , , , ],
];
Try that.
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>