★UpdatePanelAnimation★

わんくま同盟ホームわんくま同盟の最新記事 MyBlog 　　　Ognac試行部屋　　　

この領域をアニメート

御託

★UpdatePanelAnimation★
パネルのbackground色などを経過時刻でグラデーション等する。

ソース


■e:\user\cervi.reseller\ognadmin\ognogn.com\www\AJAX\Control\UpdatePanelAnimation\UpdatePanelAnimation01.aspx■
<%@ Page Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="UpdatePanelAnimation01.aspx.cs" Inherits="AJAX_Control_UpdatePanelAnimation_UpdatePanelAnimation01" Title="無題のページ" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
        <asp:UpdatePanel ID="PNL" runat="server" UpdateMode="Conditional">
            <ContentTemplate>
            この領域をアニメート
            </ContentTemplate>
            <Triggers>
                <asp:AsyncPostBackTrigger ControlID="btnUpdate" EventName="Click" />
            </Triggers>
        </asp:UpdatePanel>
        <asp:Button ID="btnUpdate" runat="server" Text="実行" />
        <cc1:UpdatePanelAnimationExtender ID="upae" runat="server" TargetControlID="PNL">
            <Animations>
                <OnUpdated>
                    <Sequence>
                        <Color AnimationTarget="upanel" PropertyKey="backgroundColor" StartValue="#FF0000" EndValue="#FFffFF" />
                    </Sequence>                
                </OnUpdated>
            </Animations>
        </cc1:UpdatePanelAnimationExtender>

</asp:Content>



■e:\user\cervi.reseller\ognadmin\ognogn.com\www\AJAX\Control\UpdatePanelAnimation\UpdatePanelAnimation01.aspx.cs■
using System;
using System.Collections;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;

public partial class AJAX_Control_UpdatePanelAnimation_UpdatePanelAnimation01 : System.Web.UI.Page
{
    protected void Page_PreInit(object sender, EventArgs e)
    {
        Page.Theme = (string)Session["テーマ"];
    }

    protected void Page_Load(object sender, EventArgs e)
    {
        
    }
}