HTML Code as Nodes' Text

With CodeThatTree you can include almost any HTML code as nodes text. It can be

Simple form for login request.

Big form for user profile completion.

Any images that you can't describe as simple node's image. You can build it in the table.

Small or large part of formatted text with any text styles.

Frames and so on.

To build HTML code in tree nodes use the constraction like this:

{
	"text" : "Form example",
	"menu" :
	{
		"items" :
		[ {
			"text" :
			'<form action="javascript:alert(\'Submitted\');" method="get">'
			 + '<table width="300" height="200" cellspacing="2" '
			 + 'cellpadding="2" border="0" bgcolor="#EEEEEE">'
			 + '<tr><td class=tableheadleft width="200">Address 1</td>'
			 + '<td><input type="text"/></td></tr>'
			 + '<tr><td class=tableheadleft >Address 2</td>'
			 + '<td><input type="text"></td></tr>'
			 + '<tr><td class=tableheadleft >City</td>'
			 + '<td><input type="text"></td></tr>'
			 + '<tr><td class=tableheadleft >Region</td>'
			 + '<td><input type="text"></td></tr>'
			 + '<tr><td class=tableheadleft >Country</td>'
			 + '<td><input type="text"></td></tr>'
			 + '<tr><td class=tableheadleft >Postcode</td>'
			 + '<td><input type="text"></td></tr>'
			 + '<tr><td colspan=2 align=center>'
			 + '<input type="submit" value="Submit">&nbsp;'
			 + '<input type="reset" value="Reset"></td></tr>'
			 + '</tr></table></form>',
			"style" :
			{
				"imgitem" : "img/empty.gif", "form" : true
			}
		} ]
	}
}

Example - HTML code as nodes' text

You can see an example and complete code here - HTML code as nodes' text [popup]

Read more about CodeThatTree >>

© CodeThat.com, 2003-2008
Design by XTLabs, Inc.