Recent Questions
Q: I am just in the process of evaluating your deluxe menus product for possible purchase.
I have installed the product and i am using the Deluxe Tuner product to create my menus based on the Vista 3-08 template.
I save the project and it adds the .js files in the correct location ( all under Menu folder in my project), but none of the images for the top level menu are copied (btn_red.gif or btn_red2.gif).
So when i run my website, i see the drop down menus but no header menu images (see attached image).
What image files need copying to which location in my websites main folder?
A: When you save your menu in Deluxe Tuner (use "Save as..." or "Exportto HTML" functions) you'll get a folder with all engine files(dmenu.js, dmenu_add.js ...) and all images.
So, for Vista Style 3-08 template you'll have the following images:
arr_white.gif
arrv_white.gif
blank.gif
btn_red.gif
btn_red2.gif
You should copy folder with all these files on your server.
Q: I replaced the code you suggested and I downloaded the current version of Deluxe-Tuner. I also removed the Javascript roll-overs I had elsewhere on the page and created the text.
I still get 'Error on page' when I hover over the first java scrolling menu item.
Please help! I need to buid this site out by Monday.
A: Now you have several errors in your data file:
var menuBackColor="f9f9ec";
You should write:
var menuBackColor="#f9f9ec";
The following parameters cannot be empty:
var menuBorderWidth="0";
var itemBorderWidth="0";
It is not correct to write the java scrolling menu parameter in the following way:
var itemBorderStyle=["1px","1px"];
You should write:
var itemBorderStyle=["none","none"];
If you want to add borders in the subitems you should write:
var itemBorderWidth="1";
var itemBorderColor=["#c59d1f","#c59d1f"];
var itemBorderStyle=["solid","solid"];
And to remove border from the top items you should create Individualstyle and assign it to the top items:
var itemStyles = [
["itemBorderWidth=0","itemBorderStyle=none,none"],
];
["","", "/images/nav_OFF_01.gif", "/images/nav_ON_01.gif", "", "","0", "", "", "", "", ], //assign style 0
["","", "/images/nav_OFF_02.gif", "/images/nav_ON_02.gif", "", "", "0", "", "", "", "", ], //assign style 0
...
Q: A couple days ago I purchased the multi-website license of Deluxe Menu/Tree/Tabs/Popup Window/Calendar for US$149.00
I am having a very hard time getting the popup window to do just a basic function.
All I want is to have a link that I click on the page and the dhtml menu windows pop up.
As it is, the page automatically opens the popup window on loading.
I'm not a Javascript programmer which is why I purchased your product as it seemed I could pick a couple basic values in the GUI and it would create the script and code for me.
It would be REALLY handy if you had a couple of examples of how to create the following:
- Open the popup window upon the page loading
- Open the popup window when the user clicks a link
- Open the popup window when the user mouses over a link
- Close the popup window when the user mouses out
The help section doesn't even provide a menu item for the popup window.
Finding support for it on your site is difficult and what I can find is better suited for someone with Javascript knowledge.
Is there any way you can provide me the code to do this?
Thanks very much for your time and assistance.
A: We have such example on our website:
> - Open the popup dhtml menu windows upon the page loading
To open the popup window upon the page loading you should set thefollowing parameter:
openAfter=0
deluxePopupWindow.attachToEvent(win,'openAfter=0,,,,,')
You can find this parameter in Deluxe Tuner. See on-load.zip example.
> - Open the popup window when the user clicks a link
Create the popup window in Deluxe Tuner and save it as html. UseonClick event for a link.
See how you should write your link:
<a class="sampleLink" title="Click to open sample" href="javascript:;" onclick="deluxePopupWindow.open('win', '<DIV style=\'PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; COLOR: #d33a3a; PADDING-TOP: 10px; TEXT-ALIGN: center\'><B>Sample content</B></DIV><DIV style=\'font: 13px;text-align: center; color:#666666; \'><EM>This is a simple HTML code for content. Here you may also set link to content page or ID of some element.</EM>', 'Safari Style', 'width=250,height=100,resizable,scrollbars,minimizable,fullscreen,middle,right,fade-effect,opacity=1,floatable=yes', 'windows_safari')"><b>this link</b></a> opens a medium-sized dhtml floating window.
where (see on-click.js file)
'win' - is winID
'<DIV style=\'PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM:
10px; COLOR: #d33a3a; PADDING-TOP: 10px; TEXT-ALIGN:center\'>
<B>Sample content</B></DIV><DIV style=\'font:
13px;text-align: center; color:#666666; \'><EM>This is a
simple HTML code for content. Here you may also set link to
content page or ID of some element.</EM>' - content of your
popup window
'Safari Style' - window title
'width=250,height=100,resizable,scrollbars,minimizable,fullscreen,middle,right,fade-effect,opacity=1,floatable=yes' - parameters of the popup window'windows_safari' - window skin
You can find more info about deluxePopupWindow.open function here:
http://deluxepopupwindow.com/window-installation-info.html
Notice that you shouldn't set openAfter parameter in on-click.jsfile:
deluxePopupWindow.attachToEvent(win,',,,,,')
> - Open the popup window when the user mouses over a link
> - Close the popup window when the user mouses out
You should create such popup in the same way as in the previous point,but use onMouseOver/onMouseOut events.
<a class="sampleLink" title="Click to open sample" href="javascript:;" onMouseOver="deluxePopupWindow.open('win', '<DIV style=\'PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; COLOR: #d33a3a; PADDING-TOP: 10px; TEXT-ALIGN: center\'><B>Sample content</B></DIV><DIV style=\'font: 13px;text-align: center; color:#666666; \'><EM>This is a simple HTML code for content. Here you may also set link to content page or ID of some element.</EM>', 'Safari Style', 'width=250,height=100,resizable,scrollbars,minimizable,fullscreen,middle,right,fade-effect,opacity=1,floatable=yes', 'windows_safari')"><b>this link</b></a> opens a medium-sized dhtml floating window.
<a class="sampleLink" title="Click to open sample" href="javascript:;" onMouseOut="deluxePopupWindow.open('win', '<DIV style=\'PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; COLOR: #d33a3a; PADDING-TOP: 10px; TEXT-ALIGN: center\'><B>Sample content</B></DIV><DIV style=\'font: 13px;text-align: center; color:#666666; \'><EM>This is a simple HTML code for content. Here you may also set link to content page or ID of some element.</EM>', 'Safari Style', 'width=250,height=100,resizable,scrollbars,minimizable,fullscreen,bottom,left,fade-effect,opacity=1,floatable=yes', 'windows_safari')"><b>Open popup window</b></a>
Q: Tell us javascript code to select or highlight the tab and sub tab in javascript tabs navigation.
A: Deluxe Tabs doesn't support API functions which can return theselected tab.
You can set "bselectedItem" and " var bselectedSmItem" parametersbased on your link before you call your data file.
For example, move " var bselectedItem" and " var bselectedSmItem" parametersfrom your data file to your code.
<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
var bselectedItem=<?php echo $seltabs; ?>;
var bselectedSmItem=<?php echo $selsmtabs; ?>;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>
You should define seltabs and selsmtabs using server side script.
You can also set it on every page before you call data.js file, forexample:
<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
var bselectedItem=4;
var bselectedSmItem=3;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>
