Change Properties for Layered Form Example

Change Properties for Layered Form Example

Press this button to Create New Layered 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_layered.js"></script>
<script language="javascript1.2">
<!--
var w_l;
var html_layer = "<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 layercreate () {
	w_l = new CLrWindow(
		384, 256, 150, 10, '&nbsp;<font size="2pt" color="#F9B800">
		<b>CodeThatForm - layered</b></font>',
		html_layer, '#16731A', '', '',
		[//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_l.create();
}
//-->
</script>
</head>
<body>
<form>
<p>Press this button to Create New Layered 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_l == null) alert('You should create at least 
          one Layered Form. Press Create New Box button.'); 
          else w_l.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_l == null) alert('You should create at least 
          one Layered Form. Press Create New Box button.'); 
          else w_l.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_l == null) alert('You should create at least 
          one Layered Form. Press Create New Box button.'); 
          else w_l.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>

<p><input class=btn type=button onclick="
    if (w_l == null) alert('You should create at least one 
    Layered Form. Press Create New Box button.'); 
    else w_l.Caption({bgc:'#000000',h:22, bgi:'', 
    css:'title'})" value="Change Caption Style">
</form>
</body>
</html>