ASP.Net/HTML Control/Button — различия между версиями

Материал из .Net Framework эксперт
Перейти к: навигация, поиск
м (1 версия)
 
м (1 версия)
 
(нет различий)

Текущая версия на 11:53, 26 мая 2010

Displaying a Graphic on an HTML Button Control (VB.net)

<%@ Page Language=VB Debug=true %>
<script runat=server>
Sub SubmitBtn_Click(Source As Object, E as EventArgs)
    MyMessage.InnerHTML = "Hello " & YourName.Value
End Sub
</SCRIPT>
<HTML>
<HEAD>
<TITLE>Displaying a Graphic on an HTMLButton Control</TITLE>
</HEAD>
<BODY>
<form runat="server">
<Span
    id="MyMessage"
    runat=server
>
</Span>    
<BR>    
Name: <BR>
<Input
    id="YourName"
    runat="server"
    type="text"
>
<BR>
<BR><BR>
<button
    id="Button1"
    runat="server"
    onserverclick="SubmitBtn_Click" 
>
    <img 
        src="http://www.nfex.ru/style/download.png" 
    />
</button>
</Form>
</BODY>
</HTML>



HTML Control: Button action (C#)

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