Questions List

Is there a way to add tooltip text to menu item?

I need to call a JavaScript function while the cursor hovers over an item. But how? I have the PRO.

How can I position a sub menu with absolute coordinates? I do not want to position it relative to the parent menu.

I bought and downloaded the pro menu version. Installed it, and codethat builder didn't change. What am I missing?

Where can I set the positioning to set the menu in a table?

Alignment inside the menu.

Is it possible to create a menu with variable height of the menu items?

Is it possible to place a menu within the table's <TD>...</TD> tags using the Standard version?

How do you update the menu definition using Javascript which has no means of accessing the file system or database?

When I display the page, the menus show up fine, but I get a JavaScript error saying "Can't execute code from a freed script." What is a freed script?

Where do i find information about how to make the menu transparent?

I just bought Menupro, but I can't get the builder to work with pro menus.

How can I make top level elements of ordinary drop-down menu to have different width? Is this functionality of PRO version only?

Is it possible to round off the corners of those boxes -- make an oval shape instead of a rectangle?

How to add different images for different menu level?

On the left hand side of every menu line there is an image placeholder which I cannot get rid off.

When I configured my webpage to use the menu it left the words CodeThat.com underneath. Is there anyway to get rid of these words?

I've purchased the software and registered successfully but still get 'CodeThat.com' on the html file. What is going on?

So if I buy the pro version of the CodeThatMenu, do I also get a pro version of CodThatBuilder?

If I set the top-level "Direction" property to Vertical, the entire menu is vertical. If I set the top-level "Direction" property to Horizontal, the entire menu is horizontal. [I'm using the free version of CodeThatMenu]

How can I to find a way to set different item offsets for sub-menus or for individual menu items?

How does one obtain the newest PRO release?

when I view the page in my browser, the menu first appears in the upper right-hand corner, then, it "jumps" down to the position that it's supposed to appear in. Does this make sense? How do I prevent it?

How can I expand menu bar to relative page size?

First let me ask if it is possible to set a border ONLY around the menu. At present if I set a border each menu item gets a border top and bottom also (like seprators)

When a menu is included in a table the table does not automatically stretch to autofit the menu. I sort of get dwiddle the system by calculating the number of items (it changes depending on user) and then set td height. Does this seem right?

What I want is that the submenu northwest corner must be attached to the mainmenuItem's southeast corner. I would like to have an example of doing this with dynamic menus.

Where do I start?

Can arrows be placed on left for these types of menus.

Can verical menu be placed on right hand side to fly out to the left instead of the right.

Can two menus be used on same page.

Answers

Is there a way to add tooltip text to menu item?

The "title" subproperty of "action" property defines a tooltip for the item.

Code:

	{ //item
		text: "Menu item",
		action: { url:"http://url", title: "Title for the item" },
		...
	}

I need to call a JavaScript function while the cursor hovers over an item. But how? I have the PRO.

You have to define "over" subproperty of item's "act" property, as follows:

	{ //begin of item definition
		text: "Design and Build",
		action: { over: "alert('design')" }, //do not use double quotes inside
		... // etc.
	}

How can I position a sub menu with absolute coordinates? I do not want to position it relative to the parent menu.

This is an interesting feature, but it's not supported for now.

You can position a submenu only relatively using absolute offsets and so-called anchors.

I bought and downloaded the pro menu version. Installed it, and codethat builder didn't change. What am I missing?

You just have to replace codethatmenustd.js with codethatmenupro.js in menu template section or replace templates with ones sent you within CodeThatMenuPRO package.

Where can I set the positioning to set the menu in a table?

If you use CodeThatBuilder, you have to open your project, then in "Sublevel properties" open "Position" and set "Menu abs position" to "false", save the project and reload the page.

If you want to correct the configuration file manually, follow the steps:

open JS configuration file

find "position": { "absolute": true } line (note that it may contain other information related to menu positioning)

change true to false

save the file and reload the page

I'm creating a drop down menu using Pro. When I get to my lowest menu (no further sub menus), all the item text looks as though it sits a little left of centre because of the empty placeholder for the right/down submenu arrows.

I'd like to have the text centred properly for any menu item that does not have a corresponding submenu. How can I achieve this?

I think we'll solve this little issue in one of following menu versions. In current version this is achieved using the following style for the lowest menu level:

	"imgendon" : {"src" : ""},
	"imgendoff" : {"src" : ""}

Is it possible to create a menu with variable height of the menu items?

Sorry, this is not possible in either version (Standard/PRO) of CodeThatMenu.

Is it possible to place a menu within the table's <TD>...</TD> tags using the Standard version?

No, this feature is not supported by Standard version.

Read Standard vs PRO to know the differences between CodeThatMenu Standard and PRO.

How do you update the menu definition using Javascript which has no means of accessing the file system or database?

I'm assuming that you're using client-side Javascript to populate a form which is then submitted to the server for action there. Do you have any (preferably VBScript) code snippets illustrating how you would update either a database or an XML file to reflect the new menu structure?

In our examples we deal only with client-side object structure and do not send anything to the server, so it's just a client-side dynamics. You have to implement additional functionality yourself.

See this issue discussion at our forum.

When I display the page, the menus show up fine, but I get a JavaScript error saying "Can't execute code from a freed script." What is a freed script?

We faced this error when some <meta> tags come after <script> tags. Try to change the tags order, so <script>'s come after <meta>.

Where do i find information about how to make the menu transparent?

You can set the menu opacity using "opacity" property of a menu style definition:

	var MenuDef= {
		style: { opacity: 80, ... },
		...
	};

Possible values for opacity are between 0 (fully transparent) and 100 (opaque).

Note, that menu transparence is available in PRO version only.

I just bought Menupro, but I can't get the builder to work with pro menus.

I suppose you have to copy your codethatmenupro.js script to the project folder.

How can I make top level elements of ordinary drop-down menu to have different width? Is this functionality of PRO version only? I've tried to accomplish this using config file for footer menu of your site as example, but had no any luck.

Yes, this is a functionality of PRO version. In standard version you cannot define another style for menu item and as a result, you cannot change its size.

Is it possible to round off the corners of those boxes - make an oval shape instead of a rectangle?

Yes, this is possible for menu boxes. You have to define a custom border like here: http://www.codethat.com/menu/menu_border.html

How to add different images for different menu level?

You can set different images by specifying imgitem or imgdir parameters for particular menu item.

On the left hand side of every menu line there is an image placeholder which I cannot get rid off.

The first string in the menu/menu PRO script has the following definition:

var CT_IMG_BLANK="/img/1x1.gif";

This variable points to special image used in the script. To get rid of the problem you need to modify its value accordingly to your environment.

	<script language="javascript" type="text/javascript" src="codethatmenupro.js"></script>
	<!-- after the menu script source -->
	<script language="javascript" type="text/javascript">
	<!--
		CT_IMG_BLANK = "path_to_images/1x1.gif";
		var menu = new CMenu( MenuDef, 'menu' );
	//-->
	</script>

When I configured my webpage to use the menu it left the words CodeThat.com underneath. Is there anyway to get rid of these words?

This footer points that you have to buy the component rather than use the free version. Registration removes that it.

I've purchased the software and registered successfully but still get 'CodeThat.com' on the html file. What is going on?

You probably created your menu using the trial version. Somewhere in your HTML file you refer to the JS files like that:

	<script language="javascript1.2" src="../Scripts/codethatsdk.js"></script>
	<script language="javascript1.2" src="../Scripts/codethatmenustd.js"></script>

Now as you have the PRO version you should call the codethatmenupro.js instead of the standard. That is please replace this particular call:

	<script language="javascript1.2" src="../Scripts/codethatmenustd.js"></script>

with this:

	<script language="javascript1.2" src="../Scripts/codethatmenupro.js"></script>

and that's it. You now use the PRO version of the script with lots of features and without that link.

So if I buy the pro version of the CodeThatMenu, do I also get a pro version of CodThatBuilder?

Hope you will get the set of the templates (many of these) and other files which you will replace ones that come with the STANDARD version with. After that CodeThatBuilder will generate the PRO scripts for you.

If I set the top-level "Direction" property to Vertical, the entire menu is vertical. If I set the top-level "Direction" property to Horizontal, the entire menu is horizontal. [I'm using the free version of CodeThatMenu]

The standard menu version (including free one) does not allow different styles and directions for submenus. The menu then can be either vertical or horizontal.

How can I to find a way to set different item offsets for sub-menus or for individual menu items?

If you use the PRO version, this is possible by setting different "itemoffset" properties for every submenu level like:

	var MenuDef = {
		...,
		style: { ..., itemoffset: { x:5, y:0 } },
		...,
		items: [
			{ ..., menu: { style: { itemoffset: { x:0, y:1 }, ... }, ... } },
			{ ..., menu: { style: { itemoffset: { x:0, y:1 }, ... }, ... } },
			...
		]
	};

How does one obtain the newest PRO release?

All the registered users will be notified and sent the FREE update within 24 hours.

When I view the page in my browser, the menu first appears in the upper right-hand corner, then, it "jumps" down to the position that it's supposed to appear in. Does this make sense? How do I prevent it?

This thing usually happens when you use relative positioning and make .create() and .run() calls inside the <TD>...</TD> tags. To avoid such behaviour, you have to call .run() outside the table or nested tables set the menu created in.

How can I expand menu bar to relative page size?

At present the menu bar size is fixed and it cannot be resized relatively to the page size.

First let me ask if it is possible to set a border ONLY around the menu. At present if I set a border each menu item gets a border top and bottom also (like seprators)

You need to set the "style"->"box" property to true:

	style:{
		box:true,
		...
	},
	...

This also may solve the problem with size of table cells.

When a menu is included in a table the table does not automatically stretch to autofit the menu. I sort of get dwiddle the system by calculating the number of items (it changes depending on user) and then set td height. Does this seem right?

Yes, this may solve the problem. Additionally you can use the style->fixwidth and style->fixheight properties:

	var MenuDef = {
		style: {
			...,
			fixwidth: 250,
			fixheight: 100
		},
		...
	}

You need to set those properties only for top-level style configuration. Note that if you use box-styled menu as I proposed in the first answer, the problem with size doesn't appear.

What I want is that the submenu northwest corner must be attached to the mainmenuItem's southeast corner. I would like to have an example of doing this with dynamic menus.

Depends on how those settings should be applied:

Global setting for all submenus:

	menu.Pos("anchor_side", "nw");
	menu.Pos("anchor", "se");

For particular item's submenu and all its descendants:

	//create an item
	var item = menu.addItem();
	item.setText('Item1');

	//create a submenu
	var submenu = item.addPopup();

	submenu.Pos("anchor_side", "nw");
	submenu.Pos("anchor", "se");
	//etc.

Where do I start?

We do our best to provide our users with as many starting points as we can.

So it depends. If you keen to learn all the features and tricks the product offers you should process like this:

Download CodeThatMenu.

Download CodeThatBuilder.

Read 123Guide while reading it have the more detailed User Manual open in different wndow and refer to this document for detailed explanations for the particular features.

Start creating your own menu using CodeThatBuilder and the knowledge you have from reading the manuals.

If you are keen to develop the menu in minutes you should download any of the skins we offer at: http://www.codethat.com/menu/themes/index.html and just modify the control file (change captions ad URL's as you need). Please note that you download the Standard version of the product and it misses some features of the PRO version. http://www.codethat.com/standard_vs_pro.html We're open to suggestions and ideas as to how make our products more user friendly!

Can two menus be used on same page?

Yes.

Can verical menu be placed on right hand side to fly out to the left instead of the right?

Yes. You have to use "anchor" and/or "anchor_side" property to position submenus.

Can arrows be placed on left for these types of menus.

Yes. You have to use "imgdir" and "imgdiropen" property.

Simple example of such menu is below (suppose we have required images):

var MenuDef = {
	style : {
		size : [100, 25],
		border : {
			color : 'black'
		},
		align : 'center',
		imgdir : {
			src : "img/arrow_left.gif", width : 16, height : 16
		},
		imgdiropen : {
			src : "img/arrow_down.gif", width : 16, height : 16
		}
	},
	position : {
		absolute : true, pos : [200, 10], anchor : "nw", anchor_side : "ne"
	},
	items : [
	{
		text : "item1",
		menu : {
			items : [ {
				text : "item 1 : 1"
			}, {
				text : "item 1 : 2"
			} ]
		}
	},
	{
		text : "item2"
	},
	{
		text : "item3"
	} ]
}