Form Actions for Layered Form

Form Actions for Layered Form

Press this button to Create New Simple Window Form

Change window coordinate

x   y  

Change window size

width   height   

<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 = "<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></table>";

function wincreate () {
	w = new CLrWindow(
		384, 256, 150, 10, '&nbsp;<font size="2pt"
		color="#F9B800"><b>CodeThatForm - layered</b></font>',
		html, '#F0DCA3', '', '',
		[//buttons
			{
				w : 16, h : 14, src : 'img/orange/min.gif',
				over : 'img/orange/minovr.gif'
			}, //min
			{
				w : 16, h : 14, src : 'img/orange/max.gif',
				over : 'img/orange/maxovr.gif'
			}, //max
			{
				w : 16, h : 14, src : 'img/orange/close.gif',
				over : 'img/orange/closeovr.gif'
			}, // close
			{
				w : 16, h : 14, src : 'img/orange/rest.gif',
				over : 'img/orange/restovr.gif'
			}
			//restore
		], {
			bgc : '#761500', h : 22, bgi : '', css : 'title'
		},
		{
			color : '#F9B800', width : 1
		}, 0, 0, 2,
		'Alpha(Opacity=80)'
	);
	w.create();
}
//-->
</script>
</head>
<body>
<form>
<P class=title3>
<IMG height=15 src="/img/arrow_light.gif" width=13>
&nbsp;Press this button to Create New Simple Window Form
&nbsp;&nbsp;
<input class=btn type=button onclick="wincreate()" 
 value="Create New Box">

<P class=title3>
<IMG height=15 src="/img/arrow_light.gif" width=13>
&nbsp;Change window coordinate
<p>
<b>x</b>&nbsp;<input class=formlist style="width: 50px" 
               name=x value=300>&nbsp;&nbsp;&nbsp;
<b>y</b>&nbsp;<input class=formlist style="width: 50px" 
               name=y value=200>
&nbsp;&nbsp;&nbsp;<input type=button value="Move" class="btn" 
onclick="if (w == null) alert('You should create at least one 
Windowed Form. Press Create New Box button.'); 
else if (x.value == null) alert('You should enter x-coordinate.'); 
else if (y.value == null) alert('You should enter y-coordinate.'); 
else w.move(x.value, y.value)">

<P class=title3>
<IMG height=15 src="/img/arrow_light.gif" width=13>
&nbsp;Change window size
<p>
<b>width</b>&nbsp;<input class=formlist style="width: 50px"
                   name=win_width value=400>
&nbsp;&nbsp;&nbsp;
<b>height</b>&nbsp;<input class=formlist style="width: 50px" 
                    name=win_height value=100>
&nbsp;&nbsp;&nbsp;<input type=button value="Resize" 
 class="btn" onclick="if (w == null) alert('You should create 
at least one Windowed Form. Press Create New Box button.'); 
else if (win_width.value == null) alert('You should enter width.'); 
else if (win_height.value == null) alert('You should enter height.'); 
else w.resize(win_width.value, win_height.value)">

</form>
</body>
</html>