My Blog Title Here

Q:

If you take a look at the upper dhtml css menu, I have “|” separating
all of the various menu items. How can I do this with Deluxe 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:

Does your menu and button support imbedded check boxes? I want to be
able to use menus to help users select options and want to have
those selections ’stick’ for the duration of their session. Do you
have any examples of this?

A:

Yes, you can insert any html code within menuItems, for example:

["|You can place <b>any HTML code</b><br> to item, for example <u>image</u>:<br><img src=img/logo.gif>","testlink.html"],
["|Index  <select style='width:120px;height:17px;font:normal 10px Tahoma,Arial;'><option>Section 1<option>Section 2<option>Section 3</select>", "", "", "", "", "", "", ""],
["|Search <input type=text style='width:80px;height:17px;font:normal 10px Tahoma,Arial;'>  <input type=button value='Go' style='width:30px;height:17px;font:normal 10px Tahoma,Arial;'>", "", "", "", "", "", "", "0"],
["|Write Us", "mailto:support@deluxe-menu.com", ""],

Q:

What the options of CSS Submenu, CSS Item, and CSS Text each handle. What are the differences in
the application?

A:

var cssSubmenu is a CSS class name for all submenus. You can set, for
example, background color, background image, borders for all submenus.

var cssItem is CSS class names for all items (normal state, mouseover
state) in the top menu and submenus.

var cssItemText is CSS class names for text of all items (normal
state, mouseover state) in the top menu and submenus.

It’s possible to appoint individual CSS styles for separate elements of the flyout menu using individual item styles and individual submenu styles.

I sent you an example with css. Please, see how you can use css in the
menu.

\title Set The Menu Items Web-Behavior

 Now let’s set the menu items web-behavior. That is, set their Link properties. To set the item’s link,
 select the item by clicking it and then enter the link address in the “Link” field on the Item Parameters window. 
  
Another way to set the link is to select it and then click the “Click to select URL” button on the
 Item Parameters window. Open dialog will appear, in which you can select the page you would like to link to.
 This page’s address will then appear in the “Link” field. 
  
Also, you can assign link target attributes for each item. This will define where a linked page will be
 opened in your Web-browser. For example “_blank” attribute will open the linked page in new browser window.
 Note that link target attribute act exactly like the Target attribute of the <a> tag in HTML.
 To set item’s link target attribute, just select the item and then either choose one of the predefined
 values from the “Target” list on the Item Parameters window or enter your own value (window/frame name,
 where the linked page should be opened). 
  

 

Q:

Do you have a list of which browsers and which operating system
platforms that your javascript menu frame is compatible with?

A:

Please, see the list of supported browsers.

Windows OS
—————————
   Internet Explorer 5+
   FireFox
   Mozilla
   Netscape 4.7+
   Opera 5+

   MAC OS
—————————
   FireFox
   Safari
   Internet Explorer

   Linux/Unix OS
—————————
   Konqueror
   Mozilla

Q:

I can not however find the option to
move submenus closer together, I have too much ident for my taste.
How can I change that, by hand if that is the only way…

I mean this:

MENU1
    +    SUBMENU1

I would like

MENU1
   + SUBMENU1

Is that possible?

A:

If you don’t want to have menu javascript download icons before item text you can write so:

//——- Icons ——-
var ticonWidth = 0;
var ticonHeight = 0;
var ticonAlign = “left”;

Your items will be closer to the “+” buttons.

Q:

I am having trouble changing a template of scrolling menu. I am using the
http://deluxe-menu.com/data-templates/image-based-1-template-sample.html,
and I want to add more items to the top menu, however when I add an
item, it doesn’t follow the format of the existing items.

A:

See, we use Individual Item Styles for the top items in this template.
For, example select the “CONTACTS” item on the main window.

In the “Item Parameters” window you can see Individual Styles assigned
for this item:
Item Style - Style1
Icons / Normal - images/spacer.gif

When you add the new item you should assign Individual Styles for it
and add icon in the same way.

That is all.

Q:

Once again, I need your help….I have gone through my eniter site to fix
what it takes to keep this javascript jump menu from hiding the flash header when you role
over the main menu items. It still hides. The problem still exists. Help!

A:

You should add the following function in the beginning of your data file

function dm_ext_ruleObjectHide()
{
// Safari detect
if ((parseInt(navigator.productSub)>=20020000) && (navigator.vendor.indexOf(’Apple Computer’) != -1) && (navigator.product==’Gecko’))
return true;
else
return false;
}

You should add this function each time you change your javascript jump menu in Deluxe
Tuner as it deletes this function from your data file.

Q:

Just wondering if it’s possible to have the sub menu of my down vertical menu that appear when
the “+” is clicked stay open when another page loads. I tried
downloading the trial version & can’t get that to happen.

Click on “web development” and then “web design portfolio” - when the
new page loads the menu closes. Is it possible to have it remember
which sub menus were showing when the new page loads?

A:

Deluxe Tree has save state feature. You should set the following
parameter:

var tsaveState=1;

Q:

In my previous email asking about your menu program’s ability
to display a different color word on a menu item when the site is
on that selected page, I made a mistake - I was experimenting with
Vista xp1 style, the black/blue shiny dhtml menu dhtml sample.

A:

The menu has only two states normal and mouseover. We’ll try to add the pressed state in the future.

You can set a pressed item using Javascript API:

function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)

Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.

But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem.
You can’t get this ID after you reload your page. That is why you should write your own code on PHP.

Q:

I am using JavaScript Deluxe Menu v3.1 and have some problem
with the doctype declaration. If I use the declaration:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

the menuBackImage and itemBackImage images do not display
properly. Check with and without doctype declaration. Is there a
known fix for this?

A:

You should specify units in “px” for the javascript for menu.

var itemPadding=”15px 10px 0px 20px”;
var menuStyles = [
["smColumns=2","itemPadding=25px 10px 10px 10px"],
["itemPadding=25px 10px 10px 20px"],
["menuBackImage=img/nahbp_1.gif","itemPadding=25px 10px 10px 20px"],
];