You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
241 lines
8.6 KiB
241 lines
8.6 KiB
<%@ Page Language="C#" Inherits="CuteEditor.EditorUtilityPage" %>
|
|
<script runat="server">
|
|
string GetDialogQueryString;
|
|
override protected void OnInit(EventArgs args)
|
|
{
|
|
if(Context.Request.QueryString["Dialog"]=="Standard")
|
|
{
|
|
if(Context.Request.QueryString["IsFrame"]==null)
|
|
{
|
|
string FrameSrc="colorpicker_more_ie.aspx?IsFrame=1&"+Request.ServerVariables["QUERY_STRING"];
|
|
CuteEditor.CEU.WriteDialogOuterFrame(Context,"[[MoreColors]]",FrameSrc);
|
|
Context.Response.End();
|
|
}
|
|
}
|
|
string s="";
|
|
if(Context.Request.QueryString["Dialog"]=="Standard")
|
|
s="&Dialog=Standard";
|
|
|
|
GetDialogQueryString="Theme="+Context.Request.QueryString["Theme"]+s;
|
|
base.OnInit(args);
|
|
}
|
|
</script>
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head runat="server">
|
|
<meta http-equiv="Page-Enter" content="blendTrans(Duration=0.1)" />
|
|
<meta http-equiv="Page-Exit" content="blendTrans(Duration=0.1)" />
|
|
<script type="text/javascript" src="Load.ashx?type=dialogscript&verfix=1006&file=DialogHead.js"></script>
|
|
<script type="text/javascript" src="Load.ashx?type=dialogscript&verfix=1006&file=Dialog_ColorPicker.js"></script>
|
|
<link href='Load.ashx?type=themecss&file=dialog.css&theme=[[_Theme_]]' type="text/css" rel="stylesheet" />
|
|
<style type="text/css">
|
|
.colorcell
|
|
{
|
|
width:16px;
|
|
height:17px;
|
|
cursor:hand;
|
|
}
|
|
.colordiv,.customdiv
|
|
{
|
|
border:solid 1px #808080;
|
|
width:16px;
|
|
height:17px;
|
|
font-size:1px;
|
|
}
|
|
#ajaxdiv{padding:10px;margin:0;text-align:center; background:#eeeeee;}
|
|
</style>
|
|
<title>[[CustomColor]]</title>
|
|
<link rel="stylesheet" type="text/css" href="Load.ashx?type=style&file=ColorPicker_IE.css" />
|
|
<script type="text/javascript" src="Load.ashx?type=dialogscript&verfix=1006&file=Dialog_ColorPicker_IE.js"></script>
|
|
</head>
|
|
<body>
|
|
<div id="ajaxdiv">
|
|
<div class="tab-pane-control tab-pane" id="tabPane1">
|
|
<div class="tab-row">
|
|
<h2 class="tab">
|
|
<a tabindex="-1" href='colorpicker.aspx?<%=GetDialogQueryString%>'>
|
|
<span style="white-space:nowrap;">
|
|
[[WebPalette]]
|
|
</span>
|
|
</a>
|
|
</h2>
|
|
<h2 class="tab">
|
|
<a tabindex="-1" href='colorpicker_basic.aspx?<%=GetDialogQueryString%>'>
|
|
<span style="white-space:nowrap;">
|
|
[[NamedColors]]
|
|
</span>
|
|
</a>
|
|
</h2>
|
|
<h2 class="tab selected">
|
|
<a tabindex="-1" href='colorpicker_more.aspx?<%=GetDialogQueryString%>'>
|
|
<span style="white-space:nowrap;">
|
|
[[CustomColor]]
|
|
</span>
|
|
</a>
|
|
</h2>
|
|
</div>
|
|
<div class="tab-page">
|
|
<div id="colorpickerpanel" style="position:relative;text-align:left;height:300px">
|
|
<!--
|
|
-----------------------------------------------------
|
|
Author: Lewis E. Moten III
|
|
Date: May, 16, 2004
|
|
Homepage: http://www.lewismoten.com
|
|
Email: lewis@moten.com
|
|
-----------------------------------------------------
|
|
-->
|
|
<div id="pnlGradient_Top"></div>
|
|
<div id="pnlGradient_Background1"></div>
|
|
<div id="pnlGradient_Background2"></div>
|
|
<div id="pnlVertical_Background2"></div>
|
|
<div id="pnlVertical_Background1"></div>
|
|
<div id="pnlVertical_Top"></div>
|
|
<!-- HSB: Hue -->
|
|
<DIV id="pnlGradientHsbHue_Hue"></DIV>
|
|
<DIV id="pnlGradientHsbHue_Black"></DIV>
|
|
<DIV id="pnlGradientHsbHue_White"></DIV>
|
|
<DIV id="pnlVerticalHsbHue_Background"></DIV>
|
|
<!-- HSB: Saturation -->
|
|
<DIV id="pnlVerticalHsbSaturation_Hue"></DIV>
|
|
<DIV id="pnlVerticalHsbSaturation_White"></DIV>
|
|
<!-- HSB: Brightness -->
|
|
<DIV id="pnlVerticalHsbBrightness_Hue"></DIV>
|
|
<DIV id="pnlVerticalHsbBrightness_Black"></DIV>
|
|
<!-- RGB: -->
|
|
<DIV id="pnlVerticalRgb_Start"></DIV>
|
|
<DIV id="pnlVerticalRgb_End"></DIV>
|
|
<DIV id="pnlGradientRgb_Base"></DIV>
|
|
<DIV id="pnlGradientRgb_Invert"></DIV>
|
|
<DIV id="pnlGradientRgb_Overlay1"></DIV>
|
|
<DIV id="pnlGradientRgb_Overlay2"></DIV>
|
|
<div id="pnlOldColor"></div>
|
|
<div id="pnlOldColorBorder"></div>
|
|
<div id="pnlNewColor"></div>
|
|
<div id="pnlNewColorBorder"></div>
|
|
<div id="pnlWebSafeColor" title="Click to select web safe color"></div>
|
|
<div id="pnlWebSafeColorBorder"></div>
|
|
<div id="pnlVerticalPosition"></div>
|
|
<div id="pnlGradientPosition"></div>
|
|
<DIV id="lblSelectColorMessage">[[SelectColor]]:</DIV>
|
|
<div id="lblRecent">[[Recent]]:</div>
|
|
<div id="pnlRecentBorder">
|
|
<div id="pnlRecentBorder1"></div>
|
|
<div id="pnlRecentBorder2"></div>
|
|
<div id="pnlRecentBorder3"></div>
|
|
<div id="pnlRecentBorder4"></div>
|
|
<div id="pnlRecentBorder5"></div>
|
|
<div id="pnlRecentBorder6"></div>
|
|
<div id="pnlRecentBorder7"></div>
|
|
<div id="pnlRecentBorder8"></div>
|
|
<div id="pnlRecentBorder9"></div>
|
|
<div id="pnlRecentBorder10"></div>
|
|
<div id="pnlRecentBorder11"></div>
|
|
<div id="pnlRecentBorder12"></div>
|
|
<div id="pnlRecentBorder13"></div>
|
|
<div id="pnlRecentBorder14"></div>
|
|
<div id="pnlRecentBorder15"></div>
|
|
<div id="pnlRecentBorder16"></div>
|
|
<div id="pnlRecentBorder17"></div>
|
|
<div id="pnlRecentBorder18"></div>
|
|
<div id="pnlRecentBorder19"></div>
|
|
<div id="pnlRecentBorder20"></div>
|
|
<div id="pnlRecentBorder21"></div>
|
|
<div id="pnlRecentBorder22"></div>
|
|
<div id="pnlRecentBorder23"></div>
|
|
<div id="pnlRecentBorder24"></div>
|
|
<div id="pnlRecentBorder25"></div>
|
|
<div id="pnlRecentBorder26"></div>
|
|
<div id="pnlRecentBorder27"></div>
|
|
<div id="pnlRecentBorder28"></div>
|
|
<div id="pnlRecentBorder29"></div>
|
|
<div id="pnlRecentBorder30"></div>
|
|
<div id="pnlRecentBorder31"></div>
|
|
<div id="pnlRecentBorder32"></div>
|
|
</div>
|
|
<div id="pnlRecent">
|
|
<div id="pnlRecent1"></div>
|
|
<div id="pnlRecent2"></div>
|
|
<div id="pnlRecent3"></div>
|
|
<div id="pnlRecent4"></div>
|
|
<div id="pnlRecent5"></div>
|
|
<div id="pnlRecent6"></div>
|
|
<div id="pnlRecent7"></div>
|
|
<div id="pnlRecent8"></div>
|
|
<div id="pnlRecent9"></div>
|
|
<div id="pnlRecent10"></div>
|
|
<div id="pnlRecent11"></div>
|
|
<div id="pnlRecent12"></div>
|
|
<div id="pnlRecent13"></div>
|
|
<div id="pnlRecent14"></div>
|
|
<div id="pnlRecent15"></div>
|
|
<div id="pnlRecent16"></div>
|
|
<div id="pnlRecent17"></div>
|
|
<div id="pnlRecent18"></div>
|
|
<div id="pnlRecent19"></div>
|
|
<div id="pnlRecent20"></div>
|
|
<div id="pnlRecent21"></div>
|
|
<div id="pnlRecent22"></div>
|
|
<div id="pnlRecent23"></div>
|
|
<div id="pnlRecent24"></div>
|
|
<div id="pnlRecent25"></div>
|
|
<div id="pnlRecent26"></div>
|
|
<div id="pnlRecent27"></div>
|
|
<div id="pnlRecent28"></div>
|
|
<div id="pnlRecent29"></div>
|
|
<div id="pnlRecent30"></div>
|
|
<div id="pnlRecent31"></div>
|
|
<div id="pnlRecent32"></div>
|
|
</div>
|
|
<div id="lblHex">#</div>
|
|
<form id="frmColorPicker">
|
|
<div id="pnlHSB">
|
|
<div id="pnlHSB_Hue" title="Hue">
|
|
<INPUT type="radio" id="rdoHSB_Hue" name="ColorType" checked>
|
|
<div id="lblHSB_Hue">H:</div>
|
|
<INPUT type="text" id="txtHSB_Hue">
|
|
<div id="lblUnitHSB_Hue"></div>
|
|
</div>
|
|
<div id="pnlHSB_Saturation" title="Saturation">
|
|
<INPUT type="radio" id="rdoHSB_Saturation" name="ColorType">
|
|
<div id="lblHSB_Saturation">S:</div>
|
|
<INPUT type="text" id="txtHSB_Saturation">
|
|
<div id="lblUnitHSB_Saturation">%</div>
|
|
</div>
|
|
<div id="pnlHSB_Brightness" title="Brightness">
|
|
<INPUT type="radio" id="rdoHSB_Brightness" name="ColorType">
|
|
<div id="lblHSB_Brightness">B:</div>
|
|
<INPUT type="text" id="txtHSB_Brightness">
|
|
<div id="lblUnitHSB_Brightness">%</div>
|
|
</div>
|
|
</div>
|
|
<div id="pnlRGB">
|
|
<div id="pnlRGB_Red" title="Red">
|
|
<INPUT type="radio" id="rdoRGB_Red" name="ColorType">
|
|
<div id="lblRGB_Red">R:</div>
|
|
<INPUT type="text" id="txtRGB_Red">
|
|
</div>
|
|
<div id="pnlRGB_Green" title="Green">
|
|
<INPUT type="radio" id="rdoRGB_Green" name="ColorType">
|
|
<div id="lblRGB_Green">G:</div>
|
|
<INPUT type="text" id="txtRGB_Green">
|
|
</div>
|
|
<div id="pnlRGB_Blue" title="Blue">
|
|
<INPUT type="radio" id="rdoRGB_Blue" name="ColorType">
|
|
<div id="lblRGB_Blue">B:</div>
|
|
<INPUT type="text" id="txtRGB_Blue">
|
|
</div>
|
|
</div>
|
|
<INPUT type="text" id="txtHex" maxlength="6">
|
|
<BUTTON id="btnWebSafeColor" type="button" title="Warning: not a web safe color"></BUTTON>
|
|
<BUTTON id="btnOK" type="button">[[OK]]</BUTTON>
|
|
<BUTTON id="btnCancel" type="button">[[Cancel]]</BUTTON>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div id="container-bottom">
|
|
<input type="button" id="buttonok" value="[[OK]]" class="formbutton" onclick="do_insert();" />
|
|
|
|
<input type="button" id="buttoncancel" value="[[Cancel]]" class="formbutton" onclick="do_Close();" />
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |