CodeThatMenu HTML Code as Items' Text Example

CodeThatMenu HTML Code as Items' Text Example

function openWin(win_width, win_height)
{
	var newwin = window.open('', '', 'copyhistory=0, directories=0, location=0, \
	menubar=0, scrollbars=yes, status=0, toolbar=0, \
	width=' + win_width + ', height=' + win_height + ', resizable=yes');
	newwin.moveTo(100, 100);
}
var MenuDef = {
	"style"	 : {
		"type"	 : "bar",
		"align" : "center",
		"color" : "#D8FEFF",
		"size"	 : [42, 60],
		"border" : {
			"color" : "#000000", "width" : 1
		},
		"imgspace" : 0,
		"itemoffset" : {
			"x" : 0, "y" : 0
		},
		"direction" : "h"
	},
	"itemover" : {
		"border" : {
			"color" : "#DE7E0D", "width" : 1
		},
		"color" : "#DE7E0D"
	},
	"position" : {
		"absolute" : true, "pos" : [10, 10]
	},
	"items" : [
	{
		"text" : '<table align=center cellspacing="0" cellpadding="0" border="0" width=100%>'
		 + '<TR><TD align=center><img src="img/search.gif"></TD></TR>'
		 + '<TR><TD align=center valign=middle><p class="center">Search'
		 + '</TD></TR></TABLE>',
		"action" : {
			"js" : "openWin(60, 60);return false"
		},
		"style" : {
			"align" : "center",
			"form" : true,
			"border" : {
				"color" : "#DCEAF0", "width" : 1
			}
		}
	},
	{
		"text" : '<table align=center cellspacing="0" cellpadding="0" border="0" width=100%>'
		 + '<TR><TD align=center><img src="img/package.gif"></TD></TR>'
		 + '<TR><TD align=center valign=middle><p class="center">Tools'
		 + '</TD></TR></TABLE>',
		"action" : {
			"js" : "openWin(60, 60);return false"
		},
		"style" : {
			"align" : "center",
			"form" : true,
			"border" : {
				"color" : "#D5E7EF", "width" : 1
			}
		}
	},
	{
		"text" : '<table align=center cellspacing="0" cellpadding="0" border="0" width=100%>'
		 + '<TR><TD align=center><img src="img/people.gif"></TD></TR>'
		 + '</TD></TR></TABLE>',
		"action" : {
			"js" : "openWin(60, 60);return false"
		},
		"style" : {
			"align" : "center",
			"form" : true,
			"border" : {
				"color" : "#CAE3ED", "width" : 1
			}
		}
	},
	{
		"text" : '<table align=center cellspacing="0" cellpadding="0" border="0" width=100%>'
		 + '<TR><TD align=center><img src="img/money.gif"></TD></TR>'
		 + '<TR><TD align=center valign=middle><p class="center">Money'
		 + '</TD></TR></TABLE>',
		"action" : {
			"js" : "openWin(60, 60);return false"
		},
		"style" : {
			"align" : "center",
			"form" : true,
			"border" : {
				"color" : "#BFDFEC", "width" : 1
			}
		}
	},
	{
		"text" : '<table align=center cellspacing="0" cellpadding="0" border="0" width=100%>'
		 + '<TR><TD align=center><img src="img/music.gif"></TD></TR>'
		 + '<TR><TD align=center valign=middle><p class="center">Music'
		 + '</TD></TR></TABLE>',
		"action" : {
			"js" : "openWin(60, 60);return false"
		},
		"style" : {
			"align" : "center",
			"form" : true,
			"border" : {
				"color" : "#B3DBEA", "width" : 1
			}
		}
	},
	{
		"text" : '<table align=center cellspacing="0" cellpadding="0" border="0" width=100%>'
		 + '<TR><TD align=center><img src="img/mail.gif"></TD></TR>'
		 + '<TR><TD align=center valign=middle><p class="center">Mail'
		 + '</TD></TR></TABLE>',
		"action" : {
			"js" : "openWin(60, 60);return false"
		},
		"style" : {
			"align" : "center",
			"form" : true,
			"border" : {
				"color" : "#A9D7E8", "width" : 1
			}
		}
	},
	{
		"text" : '<table align=center cellspacing="0" cellpadding="0" border="0" width=100%>'
		 + '<TR><TD align=center><img src="img/logo.gif"></TD></TR>'
		 + '</TD></TR></TABLE>',
		"action" : {
			"js" : "openWin(60, 60);return false"
		},
		"style" : {
			"align" : "center",
			"form" : true,
			"size" : [176, 60],
			"border" : {
				"color" : "#A5D5E8", "width" : 1
			}
		},
		"styleover" : {
			"border" : {
				"color" : "#A5D5E8", "width" : 1
			}
		}
	} ]
};