Recent Questions
Q: I'm having multiple problems with this now, I'm using this sight in the horizontal cross-frame style. And using the CSS-type layout.
Problems:
1. This appears to be working fine in Firefox but I can't see the Menu or frames in Internet Explorer.
2. I have changed the colors in the data.js and the css-mode.css files and still can't change the subMenu background colors. ( I have put everything back like it was, but for example if I want to change the submenu or drop down menu background color to grey and the mouseover color to red where do I change that at)? Do I edit the .css file or the data.js file
3. I can't get the links to open in the bottom frame ( I know you will see that it's set to _blank now, but I tried setting the var itemTarget="_bottommenu"; and the code in the menu section at the bottom of the data.js to the same but it still doesn't seem to work. Can you help me out here?
I have attached the sight so that you can see what I'm dealing with.
Once again, thanks for your help and any advice.
A: 1) Your menu works fine in all browsers.
2) Your should add the following line into the bottommenu.htm file.
<link href="data-samples/css-mode.css" type=text/css rel=stylesheet>
You should set the item color for the submenus in your css file initemNormal and itemOver styles.
3) You should use the following parameter to set a frame name:
var itemTarget="";
["Home","testlink.htm", "css/icon1.gif", "css/icon12.gif", "Home", "frm2", "0", "0", , ],
["Products","", "css/icon2.gif", "css/icon22.gif", "Products", , "0", , , ],
["|Hard Drives","testlink.htm"],
["|Servers",""],
["||Linux Compatible","testlink.htm", , , , "frm2",],
["||Windows Compatible","testlink.htm", , , , "frm2",],
...
Q: If you look at our site in IE (PC) the deluxemenu looks great justified left w/ our logo justified right. When you look at it in Safari (Mac) the dhtml menu dropdown is stretched across the entire width of the page and our logo is no longer in view (yuk!).
A: Try to set exact width for the menu in 'px':
var menuWidth="300px";
Q: What command that I use the HTML code that will be showing in the html javascript popup to close window?
A: Try to use the following functions to show and hide popup window:
deluxePopupWindow.open()
hide()
For example you should write:
["","javascript:deluxePopupWindow.make('window', 'http://google.com/', '#1: Google Web site', 'width=590,height=350,resizable,scrollbars,minimizable,fullscreen,centerscreen,move-effect=top,,opacity=1,floatable=yes', 'default')","icon.gif"]
["","javascript:document.getElementById('window').hide();","icon.gif"]
Notice also that you should move the following code from your data file on your html page directly inside SCRIPT tags:
<script type="text/javascript">
menuItems[
[...]
];
dm_init();
</script>
See more info:
http://deluxepopupwindow.com/window-installation-info.htmlQ: If there was a way to show the links inside the html code instead of the dhtml menu js files. Shouldwe use an alternative mode as (css Style?)
A: You can move menuItems into html page directly inside <script> ...
</script> tags:
<script>
var menuItems [
...
];
dm_init();
</script>
You can also use search engine friendly code and install it on yourpage before you call your dhtml menu js file.
You'll see text links in that case.
To create a search engine friendly menu you should add additional html code within your html page:
<div id="dmlinks">
<a href="http://deluxe-menu.com">menu_item_text1</a>
<a href="http://deluxe-tree.com">menu_item_text2</a>
...etc.
</div>
To generate such a code use Deluxe Tuner application.
Run Tuner, load your menu and click Tools/Generate SE-friendly Code (F3)
