<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> It's time to wake up!</td></tr>";
function wincreate () {
w = new CWindow(
384, 256, 150, 10,'CodeThatJSForm - windowed',
html,'#16731A','','','',1,1);
w.create();
}
</script>
</head>
<body>
<form>
<p>Press this button to Create New Simple Window Form
<input class=btn type=button onclick="wincreate()"
value="Create New Box">
<p>Change background color for your new form -
<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> Green
<option value="#000000"> Black
<option value="#F0DCA3"> Yellow
</select>
<p>Change window title for your new form -
<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=" <font size='2pt'
color='#F9B800'><b>
CodeThatJSForm - layered</b></font>"
selected>CodeThatJSForm - layered
<option value=" <font size='2pt'
color='#F9B800'><b>
My favorite example</b></font>">
My favorite example
<option value=" <font size='2pt'
color='#F9B800'><b> Small form</b>
</font>">Small form
</select>
<p>Add adition HTML-code to your new form -
<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>
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>
It's time to wake up!</td></tr>">
It's time to wake up!
</select>
</form>
</body>
</html>