<script type="text/javascript"> // The script is placed at the end here so that the elements will // be located var g_panel; var g_selColor; var g_label; function pageLoad() ...{ // Set up the atlas panel and set up the initial css g_panel =new Sys.UI.Control($('panel')); g_panel.initialize(); g_panel.set_cssClass('normal'); // Set up the select list and hook up a selection changed event g_selColor =new Sys.UI.Select($('colorSelect')); g_selColor.initialize(); g_selColor.selectionChanged.add(onSelectColor); // Set up the textBox and set some properties on it g_tbx =new Sys.UI.TextBox($('textBox')); g_tbx.initialize(); g_tbx.set_text("Simple text box control"); g_tbx.set_cssClass("textBox"); var btnVisibility =new Sys.UI.Button($('visibilityButton')); btnVisibility.initialize(); btnVisibility.click.add(onSetVisibilityClick); var btnEnabled =new Sys.UI.Button($('enabledButton')); btnEnabled.initialize(); btnEnabled.click.add(onSetEnabledClick); } function onSelectColor(sender, args) ...{ g_panel.set_cssClass(g_selColor.get_selectedValue()); } // TextBox changes function onSetVisibilityClick() ...{ g_tbx.set_visible(!g_tbx.get_visible()); } function onSetEnabledClick() ...{ g_tbx.set_enabled(!g_tbx.get_enabled()); } </script>