★ModalPopup02★

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

色指定ダイアログ

右のテキストボックスの前景色と背景色を色ダイアログで指定する。【Color起動】DUMMY

御託

★ModalPopup02★
MS.AJAX.ModalPopupで色ダイアログを作る

ソース


■e:\user\cervi.reseller\ognadmin\ognogn.com\www\AJAX\Control\ModalPopup\ModalPopup02.aspx■
<%@ Page Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="ModalPopup02.aspx.cs" Inherits="AJAX_Control_ModalPopup_ModalPopup02" Title="無題のページ" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<%@ Register Src="~/App___ascx/ColorDialog.ascx" TagName="ColorDialog" TagPrefix="uc1" %>
<%@ Register Src="~/App___ascx/FontDialog.ascx" TagName="FontDialog" TagPrefix="uc2" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<!--▼-->
<center>
<h2>色指定ダイアログ</h2>
</center>
<hr />
<div id="DIV_ALL">
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
<ContentTemplate>
右のテキストボックスの前景色と背景色を色ダイアログで指定する。
    <asp:TextBox ID="TB_対象" runat="server" BackColor="#FFCCFF" ForeColor="#3333CC">(対象テキストボックスス)</asp:TextBox>
    <asp:Button ID="BTN_前景指定" runat="server" Text="前景指定" onclick="Button_Click" />
    <asp:Button ID="BTN_背景指定" runat="server" Text="背景指定" onclick="Button_Click" />

<!--▲-->
    <asp:TextBox ID="TB_MOUSE_X" runat="server" style="position: absolute; top: -400px; left:0px"/>
    <asp:TextBox ID="TB_MOUSE_Y" runat="server" style="position: absolute; top: -400px; left:100px"/>
<!--▲mouse位置をほそくする情勢▲-->


<!--▼-->    

        <asp:LinkButton ID="Link_COLOR" runat="server" style="position: absolute; top: -400px; ">【Color起動】DUMMY</asp:LinkButton><br />
        <cc1:ModalPopupExtender 
            ID="mpe_COLOR" 
            runat="server" 
            BackgroundCssClass="modalBackground"
            DropShadow="True" 
            PopupControlID="pnl_COLOR_Popup" 
            PopupDragHandleControlID="pnl_COLOR_Title"
            TargetControlID="Link_COLOR" 
        >
        </cc1:ModalPopupExtender>

       <!--     CancelControlID="btn_Cancel" 
            OkControlID="btn_RUN"
            OnPreRender="OnPreRender(EventArgs e)" 
            DynamicControlID="lbl_Updated" 
            DynamicServiceMethod="GetA" 
            OnOkScript="onOk()" 
        -->


 <asp:Panel ID="pnl_COLOR_Popup" runat="server" 
            BackColor="#CC0080" 
            BorderColor="Green"
            BorderStyle="Ridge" 
            BorderWidth="3px" 
            Height="130px" 
            Width="240px"
            Style="display: none"
        >
        <!--display = none : 初期に一瞬表示されるを抑制-->

<asp:Panel ID="pnl_COLOR_Title" runat="server" 
            BackColor="#FFFF00" 
            BorderColor="Pink" 
            BorderStyle="Solid"
            BorderWidth="1px" 
            Height="16px" 
            Width="238px">
            <center>
            色指定(Alphaは無効)
            </center>
 </asp:Panel>


           <uc1:ColorDialog id="cld" runat="server" Visible="true"  style="position: absolute; top: 400px; "
            /> 
      
</asp:Panel>
<!--▲-->    

</ContentTemplate>
</asp:UpdatePanel>

</div>


<!--▼mouse位置をほそくする情勢▼-->
<script type="text/javascript">
function set_Listener(target, eventType, callFunc)
{
  if(target.attachEvent)   // IE対応   on を付けて登録する。
  {
    target.attachEvent('on' + eventType, callFunc);
    return true;
  }else if(target.addEventListener) //非IE対応
  {
    target.addEventListener(eventType, callFunc, false);
    return true;
  }else
  {
    return false;
  }
}

 function MouseMoveA(e)
 {
  $get("<%=TB_MOUSE_X.ClientID%>").value= e.x;
  $get("<%=TB_MOUSE_Y.ClientID%>").value= e.y;
 }
 //set_Listener($get("<%=BTN_前景指定.ClientID%>"),"mousemove",MouseMoveA);
 //set_Listener($get("<%=BTN_背景指定.ClientID%>"),"mousemove",MouseMoveA);
 set_Listener($get("DIV_ALL"),"mousemove",MouseMoveA);
</script>

</asp:Content>



■e:\user\cervi.reseller\ognadmin\ognogn.com\www\AJAX\Control\ModalPopup\ModalPopup02.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;
using System.Drawing;

public partial class AJAX_Control_ModalPopup_ModalPopup02 : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        cld.確定HDR += new App___ascx_ColorDialog.確定Handler(確定PROC);
    }
    protected void Page_PreInit(object sender, EventArgs e)
    {
        Page.Theme = (string)Session["テーマ"];
    }

    private void 確定PROC(string msg, Boolean rc)
    {
        if (!rc) return;
        string col = msg.Replace("#", "");
        int l =  Int32.Parse(col, System.Globalization.NumberStyles.HexNumber); 
        string z = (string)ViewState["Access_Stat"];
        switch (z)
        {
            case "前景指定":
                //Color.FromArgb(
                //c1 = ColorTranslator.ToHtml(TB_対象.ForeColor);
                TB_対象.ForeColor = Color.FromArgb(l);
                break;
            case "背景指定":
                //c1 = ColorTranslator.ToHtml(TB_対象.BackColor);
                TB_対象.BackColor = Color.FromArgb(l);
                break;
        }

    }

    protected void Button_Click(object sender, EventArgs e)
    {
        string txt = ((Button)sender).Text;
        ViewState["Access_Stat"] = txt;

        string c1 = string.Empty;
        string z = (string)ViewState["Access_Stat"];
        switch(z)
        {
            case "前景指定": 
                c1 = ColorTranslator.ToHtml(TB_対象.ForeColor);
                break;
            case "背景指定":
                c1 = ColorTranslator.ToHtml(TB_対象.BackColor);
                break;
        }


        cld.初期値設定(c1);
        string x = TB_MOUSE_X.Text;
        string y = TB_MOUSE_Y.Text;
        int ix = 0;
        int iy = 0;
        int.TryParse(x, out ix);
        int.TryParse(y, out iy);
        mpe_COLOR.X = ix;
        mpe_COLOR.Y = iy;

        mpe_COLOR.Show();

  }

}