Recent Questions Simple Tutorial Tree Menu Javascript
Q: I am trying to figure out how to specify the css for the top css dropdown menu.
I saw this in some of the example code, but there was nothing similar in Deluxe Tuner
var itemStyles = [
["CSS=topItemNormal,topItemOver","CSSText=topItemTextNormal,topItemTextOver" ],
];
var menuStyles = [
["CSS=topMenu"],
];
I tried adding the above to my js code, but it didn't work. I can get it to work in non-css through Deluxe Tuner.
I am trying to draw a white border around the blue css dropdown menu
.topMenu
{
background-color:Blue;
border-width: 1px;
border-style: solid;
border-color: White;
}
/* Style for submenus */
.submenu
{
}
/* Style for top items: normal state */
.topItemNormal
{
background-color:Blue;
color:White;
text-decoration: none;
text-transform:none;
font-weight:normal;
FONT-SIZE: 11pt;
FONT-FAMILY: Verdana, Arial;
width:100%;
padding:2px 4px;
}
A: var itemStyles = [
["CSS=topItemNormal,topItemOver","CSSText=topItemTextNormal,topItemTextOver"],
];
var menuStyles = [
["CSS=topMenu"],
];
The following code is Individual Styles. You can edit them in DeluxeTuner.
Open your data file, click "Edit Individual Styles..." button on themain window. And create individual item style and individual submenustyle. Then you should assign these styles to your items.
See more info about Individual Styles here:
http://deluxe-menu.com/individual-styles-sample.html
Q: Is it possible to have menu items act like regular hyperlinks?
For instance in Firefox I like to "middle click" hyperlinks to open them in a new tab, or in IE right click and open in new window.
However with Deluxe-Menu this does not seem to work.
A: If you want to open your links in the new window you should set the item target parameter to "_blank", for example:
var menuItems = [
["Home","testlink.html", , , , "_blank", , , , ],
...
You can include also any html code in the Item Text.
For example:
["<a href='http://deluxe-menu.com/'>Home</a>","", , , , , , , , ],
Q: Can you resize the height of a submenu button to 22px? (The main dhtml pulldown menu should remain the same height).
I am sending you html files. Please checked it out and is it possible in delux menu?
A: Set itemHeight=22px for the styles (dhtml pulldown menu and sub):
var itemStyles = [
["itemWidth=200px","itemHeight=22px","itemBackImage=left.files/button-gradient.jpg,left.files/button-gradient.jpg", "fontStyle='normal 14px Arial','normal 14px Arial'","fontColor=#ccd0d1,#a3a377","fontDecoration=none,none"],
["itemHeight=22px","itemBackImage=left.files/button-gradient.jpg,left.files/button-gradient.jpg","itemBorderWidth=1", "itemBorderStyle=solid,solid","itemBorderColor=#a3a377,#a3a377","fontStyle='normal 12px Arial','normal 12px Arial'","fontColor=#ccd0d1,#a3a377","fontDecoration=none,none"],
];
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.
