Change Properties for Simple Window

Change Properties for Simple Window

Press this button to Create New Simple Window Form

Change background color for your new form -

Change window title for your new form -

Add adition HTML-code to your new form - 

<HTML>
<HEAD>
<link href="/common_codethat.css" rel="stylesheet" type="text/css">

<script language="javascript1.2" src="codethatsdk.js"></script>
<script language="javascript1.2" src="jsform/codethatform_windowed.js"></script>
<script language="javascript1.2">
<!--
var w;
var html = '<HEAD><link href="/common_codethat.css" ' +
	' rel="stylesheet" type="text/css"></HEAD>' +
	'<BODY><table border=0 cellpadding=4 ' +
	'cellspacing=2 width=100%><tr><td>' +
	"<p class=title><img src='img/alarm.gif' align=left " +
	"valign=bottom>&nbsp;It's time to wake up!</td></tr>";

function wincreate () {
	w = new CWindow(
		384, 256, 150, 10, 'CodeThatForm - windowed',
		html, '#16731A', '', '', '', 1,1
	);
	w.create();
}
//-->
</script>
</head>
<body>
<form>
<p>Press this button to Create New Simple Window Form &nbsp;&nbsp;
<input class=btn type=button onclick="wincreate()" 
 value="Create New Box">

<p>Change background color for your new form - 
&nbsp;&nbsp;
<select class=formlist name=bgcolor 
 onclick="if (w == null) alert('You should create at least 
          one Windowed Form. Press Create New Box button.'); 
          else w.bgColor(bgcolor.value)">
<option value="#16731A" selected>&nbsp;Green&nbsp;
<option value="#000000">&nbsp;Black&nbsp;
<option value="#F0DCA3">&nbsp;Yellow&nbsp;
</select>

<p>Change window title for your new form - 
&nbsp;&nbsp;
<select class=formlist name=win_title 
 onclick="if (w == null) alert('You should create at least 
          one Windowed Form. Press Create New Box button.'); 
          else w.Title(win_title.value)">
<option value="&nbsp;<font size='2pt' 
               color='#F9B800'><b> 
               CodeThatForm - layered</b></font>" 
               selected>CodeThatForm - layered
<option value="&nbsp;<font size='2pt' 
               color='#F9B800'><b> 
               My favorite example</b></font>">
               My favorite example
<option value="&nbsp;<font size='2pt' 
               color='#F9B800'><b> Small form</b>
               </font>">Small form
</select>

<p>Add adition HTML-code to your new form - 
&nbsp;&nbsp;
<select class=formlist name=html 
 onclick="if (w == null) alert('You should create at least 
          one Windowed Form. Press Create New Box button.'); 
          else w.appHTML(html.value)">
<option value="<tr><td><p class=title2>
               <img src='img/deal.gif' align=left 
               valign=bottom>&nbsp;
               And do many important things.</td></tr>"
                selected>And do many important things.
<option value="<tr><td><p class=title3>
               <img src='img/alarm.gif' align=left 
               valign=bottom>&nbsp;
               It's time to wake up!</td></tr>">
               It's time to wake up!
</select>
</form>
</body>
</html>