<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>