HTML Control: set Div background (C#) : DIV « HTML Control « ASP.Net






HTML Control: set Div background (C#)

<!-- color.aspx -->
<%@ Page Language="C#" %>

<html>
<script runat=server>
protected void OnRed(object src, EventArgs e)
{
  _color.Style["background-color"] = "Red";
}

protected void OnGreen(object src, EventArgs e)
{
  _color.Style["background-color"] = "Green";
}

protected void OnBlue(object src, EventArgs e)
{
  _color.Style["background-color"] = "Blue";
}

protected void Page_Init(object src, EventArgs e)
{
  _redButton.ServerClick   += new EventHandler(OnRed);  
  _greenButton.ServerClick += new EventHandler(OnGreen);  
  _blueButton.ServerClick  += new EventHandler(OnBlue);  
}

protected void Page_Load(object src, EventArgs e)
{
  if (!IsPostBack)
  {
    _color.Style["background-color"] = "Red";
    _color.Style["width"] = "100";
    _color.Style["height"] = "100";
  }
}

</script>
<body>
  <form runat=server>

    <h2>ASP.NET color page</h2>
    <div id=_color runat=server />
    <p>
    <input type=button id=_redButton value="Red" 
           runat=server />
    <input type=button id=_greenButton value="Green" 
           runat=server />
    <input type=button id=_blueButton value="Blue" 
           runat=server />
    </p>
  </form>
</body>
</html>

           
       








Related examples in the same category