Recent Questions Accordion Tree Menu Tutorial
Q: If you take a look at the upper menu, I have "|" separating all of the various menu items. How can I do this with JavaScript Tree Menu?
I don't want to resort to using messages and would like to use the "|" character if at all possible.
A: You can paste a separator.
Please, see the following parameters:
//------- Separators -------
//--- Separators
var separatorImage="";
var separatorWidth="5";
var separatorHeight="100%";
var separatorAlignment="right";
var separatorVImage="images/public/separator.gif";
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", , , , , , , , ],
];
Q: I cannot figure out how to make the text break into two lines.
A: You can use wrapping in JavaScript Tree Menu.
Please, use <br> tag in your menuItems, for example:
"item<br>text"
Q: Greetings..... I am new to java script and would like to have a drop down menu that I can use with frames....
I downloaded your program and have created a small menu to try to become familiar with the program and see if I can accomplish getting a menu to display on a new page...... I am currently using Page Mill.
When I created the menus, I saved them as TstBuy and it was saved in the Deluxe-menu folder.
Having read a number of your information displays plus lacking the knowledge of what files and where to place them, I would appreciate any information you can offer as to what files to place in the main Page Mill folder if that is where they go??
As for the data I created (TstBuy), I thought that I would be able to copy and paste that file into the Page Mill page within a text box, but the paste feature was not available...
Thanks for any assistance you can offer..
A: Thanks for your interest in our products.
JavaScript Tree Menu wasn't developed as Page Mill/Dreamweaver/Frontpage extension,BUT you can use it as standard Javascript files.
You can try to export your menu into html page using Deluxe Tunerapplication and then copy the code from the generated html page into your html page.You should click in Deluxe Tuner "File/Export/To HTML". You'll getsuch files:
deluxe-menu.files/
image_files.gif
dmenu.js
dmenu4.js
dmenu_add.js
dmenu_dyn.js
dmenu_key.js
dmenu_cf.js
dmenu_popup.js
dmenu_ajax.js
data-deluxe-menu.js
deluxe-menu.html
There is no need to use all files from the "deluxe-menu.files/"folder.
The description of files you can find here:
http://deluxe-menu.com/description-of-files-info.html
You can delete all files which are not necessary for you.
To install the menu into your html page:
1. open the page in Page Mill/Dreamweaver/Frontpage
2. open html source code of the page (deluxe-menu.html)
3. add several rows of code (<script> tags), For info see:
http://deluxe-menu.com/installation-info.html
You should also copy "deluxe-menu.files/" folder, all image files anddata-deluxe-menu.js in the same folder with your html page.
For example, you'll have such structure:
deluxe-menu.files/
image_files.gif
dmenu.js
dmenu_add.js
data-deluxe-menu.js
your_html_page_from_Page_Mill.html
That's all.
Q: Does your product support image swapping? For instance, if I was building a menu such as the one on your site, how would I swap the "Home", "Product Info", etc images/gif's?
I'm using a JavaScript such as the one below:
<a href="index.html"><img src="images/btn_home_up.gif" name="Image1" width="91" height="33" border="0" id="Image1" onmouseover="MM_swapImage('Image1','','images/btn_home_roll.gif',1)" onmouseout="MM_swapImgRestore()" /></a>
A: You can use images for items using standard <img> tag.
But in this case you should change pictures yourselves usingJavascript to make rollover items.
For example:
var menuItems = [
["<img src='image1.gif' width=100 height=20 onmouseover='this.src=\"image2.gif\" onmouseout='this.src=\"image1.gif\"'>Text", link,]
];
or
var menuItems = [
["<img src='image.gif' onmouseover='changeImage(this, 1)' onmouseout='changeImage(this, 0)'>"]
];
