/obj/Release/Package/PackageTmp/richtexteditor/aspnet/colorpicker_basic.aspx

https://github.com/NCTrung/nguyencongtrung.com · ASP.NET · 185 lines · 169 code · 16 blank · 0 comment · 9 complexity · 42009ee3bee40e04c6b887346e46cbef MD5 · raw file 

    

  1. <%@ Page Language="C#" %>
    2. 

  2. 

  3. <html xmlns="http://www.w3.org/1999/xhtml">
    4. 

  4. <head runat="server">
    5. 

  5. 	<meta http-equiv="Page-Enter" content="blendTrans(Duration=0.1)" />
    6. 

  6. 	<meta http-equiv="Page-Exit" content="blendTrans(Duration=0.1)" />
    7. 

  7. 

  8. 	<script type="text/javascript" src="resx/Dialog_ColorPicker.js"></script>
    9. 

  9. 

  10. 	<link type="text/css" rel="stylesheet" href='resx/dialog.css' />
    11. 

  11. 	<style type="text/css">
    12. 

  12. 			.colorcell
    13. 

  13. 			{
    14. 

  14. 				width:16px;
    15. 

  15. 				height:17px;
    16. 

  16. 				cursor:hand;
    17. 

  17. 			}
    18. 

  18. 			.colordiv,.customdiv
    19. 

  19. 			{
    20. 

  20. 				border:solid 1px #808080;
    21. 

  21. 				width:16px;
    22. 

  22. 				height:17px;
    23. 

  23. 				font-size:1px;
    24. 

  24. 			}
    25. 

  25. 			#ajaxdiv{padding:10px;margin:0;text-align:center; background:#eeeeee;}
    26. 

  26. 		</style>
    27. 

  27. 	<title>NamedColors</title>
    28. 

  28. 

  29. 	<script>
    30. 

  30. 								
    31. 

  31. 		var colorlist=[{n:'green',h:'#008000'},{n:'lime',h:'#00ff00'},{n:'teal',h:'#008080'}, {n:'aqua',h:'#00ffff'}, {n:'navy',h:'#000080'}, {n:'blue',h:'#0000ff'}, {n:'purple',h:'#800080'}, {n:'fuchsia',h:'#ff00ff'},{n:'maroon',h:'#800000'},{n:'red',h:'#ff0000'},{n:'olive',h:'#808000'},{n:'yellow',h:'#ffff00'},{n:'white',h:'#ffffff'},{n:'silver',h:'#c0c0c0'},{n:'gray',h:'#808080'},{n:'black',h:'#000000'}]
    32. 

  32. 		var colormore=[{n:'darkolivegreen',h:'#556b2f'},{n:'darkgreen',h:'#006400'},{n:'darkslategray',h:'#2f4f4f'},{n:'slategray',h:'#708090'},{n:'darkblue',h:'#00008b'},{n:'midnightblue',h:'#191970'},{n:'indigo',h:'#4b0082'},{n:'darkmagenta',h:'#8b008b'},{n:'brown',h:'#a52a2a'},{n:'darkred',h:'#8b0000'},{n:'sienna',h:'#a0522d'},{n:'saddlebrown',h:'#8b4513'},{n:'darkgoldenrod',h:'#b8860b'},{n:'beige',h:'#f5f5dc'},{n:'honeydew',h:'#f0fff0'},{n:'dimgray',h:'#696969'},{n:'olivedrab',h:'#6b8e23'},{n:'forestgreen',h:'#228b22'},{n:'darkcyan',h:'#008b8b'},{n:'lightslategray',h:'#778899'},{n:'mediumblue',h:'#0000cd'},{n:'darkslateblue',h:'#483d8b'},{n:'darkviolet',h:'#9400d3'},{n:'mediumvioletred',h:'#c71585'},{n:'indianred',h:'#cd5c5c'},{n:'firebrick',h:'#b22222'},{n:'chocolate',h:'#d2691e'},{n:'peru',h:'#cd853f'},{n:'goldenrod',h:'#daa520'},{n:'lightgoldenrodyellow',h:'#fafad2'},{n:'mintcream',h:'#f5fffa'},{n:'darkgray',h:'#a9a9a9'},{n:'yellowgreen',h:'#9acd32'},{n:'seagreen',h:'#2e8b57'},{n:'cadetblue',h:'#5f9ea0'},{n:'steelblue',h:'#4682b4'},{n:'royalblue',h:'#4169e1'},{n:'blueviolet',h:'#8a2be2'},{n:'darkorchid',h:'#9932cc'},{n:'deeppink',h:'#ff1493'},{n:'rosybrown',h:'#bc8f8f'},{n:'crimson',h:'#dc143c'},{n:'darkorange',h:'#ff8c00'},{n:'burlywood',h:'#deb887'},{n:'darkkhaki',h:'#bdb76b'},{n:'lightyellow',h:'#ffffe0'},{n:'azure',h:'#f0ffff'},{n:'lightgray',h:'#d3d3d3'},{n:'lawngreen',h:'#7cfc00'},{n:'mediumseagreen',h:'#3cb371'},{n:'lightseagreen',h:'#20b2aa'},{n:'deepskyblue',h:'#00bfff'},{n:'dodgerblue',h:'#1e90ff'},{n:'slateblue',h:'#6a5acd'},{n:'mediumorchid',h:'#ba55d3'},{n:'palevioletred',h:'#db7093'},{n:'salmon',h:'#fa8072'},{n:'orangered',h:'#ff4500'},{n:'sandybrown',h:'#f4a460'},{n:'tan',h:'#d2b48c'},{n:'gold',h:'#ffd700'},{n:'ivory',h:'#fffff0'},{n:'ghostwhite',h:'#f8f8ff'},{n:'gainsboro',h:'#dcdcdc'},{n:'chartreuse',h:'#7fff00'},{n:'limegreen',h:'#32cd32'},{n:'mediumaquamarine',h:'#66cdaa'},{n:'darkturquoise',h:'#00ced1'}
    33. 

  33. 			,{n:'cornflowerblue',h:'#6495ed'}//cornflowerblue?
    34. 

  34. 			,{n:'mediumslateblue',h:'#7b68ee'},{n:'orchid',h:'#da70d6'},{n:'hotpink',h:'#ff69b4'},{n:'lightcoral',h:'#f08080'},{n:'tomato',h:'#ff6347'},{n:'orange',h:'#ffa500'},{n:'bisque',h:'#ffe4c4'},{n:'khaki',h:'#f0e68c'},{n:'cornsilk',h:'#fff8dc'},{n:'linen',h:'#faf0e6'},{n:'whitesmoke',h:'#f5f5f5'},{n:'greenyellow',h:'#adff2f'},{n:'darkseagreen',h:'#8fbc8b'},{n:'turquoise',h:'#40e0d0'},{n:'mediumturquoise',h:'#48d1cc'},{n:'skyblue',h:'#87ceeb'},{n:'mediumpurple',h:'#9370db'},{n:'violet',h:'#ee82ee'},{n:'lightpink',h:'#ffb6c1'},{n:'darksalmon',h:'#e9967a'},{n:'coral',h:'#ff7f50'},{n:'navajowhite',h:'#ffdead'},{n:'blanchedalmond',h:'#ffebcd'},{n:'palegoldenrod',h:'#eee8aa'},{n:'oldlace',h:'#fdf5e6'},{n:'seashell',h:'#fff5ee'},{n:'ghostwhite',h:'#f8f8ff'},{n:'palegreen',h:'#98fb98'},{n:'springgreen',h:'#00ff7f'},{n:'aquamarine',h:'#7fffd4'},{n:'powderblue',h:'#b0e0e6'},{n:'lightskyblue',h:'#87cefa'},{n:'lightsteelblue',h:'#b0c4de'},{n:'plum',h:'#dda0dd'},{n:'pink',h:'#ffc0cb'},{n:'lightsalmon',h:'#ffa07a'},{n:'wheat',h:'#f5deb3'},{n:'moccasin',h:'#ffe4b5'},{n:'antiquewhite',h:'#faebd7'},{n:'lemonchiffon',h:'#fffacd'},{n:'floralwhite',h:'#fffaf0'},{n:'snow',h:'#fffafa'},{n:'aliceblue',h:'#f0f8ff'},{n:'lightgreen',h:'#90ee90'},{n:'mediumspringgreen',h:'#00fa9a'},{n:'paleturquoise',h:'#afeeee'},{n:'lightcyan',h:'#e0ffff'},{n:'lightblue',h:'#add8e6'},{n:'lavender',h:'#e6e6fa'},{n:'thistle',h:'#d8bfd8'},{n:'mistyrose',h:'#ffe4e1'},{n:'peachpuff',h:'#ffdab9'},{n:'papayawhip',h:'#ffefd5'}]
    35. 

  35. 		
    36. 

  36. 	</script>
    37. 

  37. 

  38. </head>
    39. 

  39. <body>
    40. 

  40. 	<div id="ajaxdiv">
    41. 

  41. 		<div class="tab-pane-control tab-pane" id="tabPane1">
    42. 

  42. 			<div class="tab-row">
    43. 

  43. 				<h2 class="tab">
    44. 

  44. 					<a tabindex="-1" href='colorpicker.aspx'><span style="white-space: nowrap;" langtext='1'>WebPalette
    45. 

  45. 					</span></a>
    46. 

  46. 				</h2>
    47. 

  47. 				<h2 class="tab selected">
    48. 

  48. 					<a tabindex="-1" href='colorpicker_basic.aspx'><span style="white-space: nowrap;" langtext='1'>NamedColors
    49. 

  49. 					</span></a>
    50. 

  50. 				</h2>
    51. 

  51. 				<h2 class="tab">
    52. 

  52. 					<a tabindex="-1" href='colorpicker_more.aspx'><span style="white-space: nowrap;" langtext='1'>CustomColor
    53. 

  53. 					</span></a>
    54. 

  54. 				</h2>
    55. 

  55. 			</div>
    56. 

  56. 			<div class="tab-page">
    57. 

  57. 				<table class="colortable" align="center">
    58. 

  58. 					<tr>
    59. 

  59. 						<td colspan="16" height="16">
    60. 

  60. 							<p style="text-align:left">
    61. 

  61. 								<span langtext='1'>Basic</span>:
    62. 

  62. 							</p>
    63. 

  63. 						</td>
    64. 

  64. 					</tr>
    65. 

  65. 					<tr>
    66. 

  66. 

  67. 						<script>
    68. 

  68. 								var arr=[];
    69. 

  69. 								for(var i=0;i<colorlist.length;i++)
    70. 

  70. 								{
    71. 

  71. 			
    72. 

  72. 									arr.push("<td class='colorcell'><div class='colordiv' style='background-color:")
    73. 

  73. 									arr.push(colorlist[i].n);
    74. 

  74. 									arr.push("' title='")
    75. 

  75. 									arr.push(colorlist[i].n);
    76. 

  76. 									arr.push(' ');
    77. 

  77. 									arr.push(colorlist[i].h);
    78. 

  78. 									arr.push("' cname='");
    79. 

  79. 									arr.push(colorlist[i].n);
    80. 

  80. 									arr.push("' cvalue='")
    81. 

  81. 									arr.push(colorlist[i].h);
    82. 

  82. 									arr.push("'></div></td>");
    83. 

  83. 								}
    84. 

  84. 								document.write(arr.join(""));
    85. 

  85. 						</script>
    86. 

  86. 

  87. 					</tr>
    88. 

  88. 					<tr>
    89. 

  89. 						<td colspan="16" height="12">							
    90. 

  90. 						</td>
    91. 

  91. 					</tr>
    92. 

  92. 					<tr>
    93. 

  93. 						<td colspan="16">
    94. 

  94. 							<p style="text-align:left">
    95. 

  95. 								<span langtext='1'>Additional</span>:
    96. 

  96. 							</p>
    97. 

  97. 						</td>
    98. 

  98. 					</tr>
    99. 

  99. 

  100. 					<script>
    101. 

  101. 							var arr=[];
    102. 

  102. 							for(var i=0;i<colormore.length;i++)
    103. 

  103. 							{
    104. 

  104. 								if(i%16==0)arr.push("<tr>");
    105. 

  105. 								arr.push("<td class='colorcell'><div class='colordiv' style='background-color:")
    106. 

  106. 								arr.push(colormore[i].n);
    107. 

  107. 								arr.push("' title='")
    108. 

  108. 								arr.push(colormore[i].n);
    109. 

  109. 								arr.push(' ');
    110. 

  110. 								arr.push(colormore[i].h);
    111. 

  111. 								arr.push("' cname='");
    112. 

  112. 								arr.push(colormore[i].n);
    113. 

  113. 								arr.push("' cvalue='")
    114. 

  114. 								arr.push(colormore[i].h);
    115. 

  115. 								arr.push("'></div></td>");
    116. 

  116. 								if(i%16==15)arr.push("</tr>");
    117. 

  117. 							}
    118. 

  118. 							if(colormore%16>0)arr.push("</tr>");
    119. 

  119. 							document.write(arr.join(""));
    120. 

  120. 					</script>
    121. 

  121. 

  122. 					<tr>
    123. 

  123. 						<td colspan="16" height="8">
    124. 

  124. 						</td>
    125. 

  125. 					</tr>
    126. 

  126. 					<tr>
    127. 

  127. 						<td colspan="16" height="12">
    128. 

  128. 							<input checked id="CheckboxColorNames" style="width: 16px; height: 12px; margin-bottom:-3px" type="checkbox">
    129. 

  129. 							<span style="width: 118px;" langtext='1'>usecolornames</span>
    130. 

  130. 						</td>
    131. 

  131. 					</tr>
    132. 

  132. 					<tr>
    133. 

  133. 						<td colspan="16" height="12">
    134. 

  134. 						</td>
    135. 

  135. 					</tr>
    136. 

  136. 					<tr>
    137. 

  137. 						<td colspan="16" valign="middle" height="24">
    138. 

  138. 							<span style="height: 24px; width: 50px;" langtext='1'>Color</span>: 
    139. 

  139. 							&nbsp;
    140. 

  140. 							<input type="text" id="divpreview" size="7" maxlength="7" style="width: 180px; height: 24px;
    141. 

  141. 								border: #a0a0a0 1px solid; padding: 4;" />
    142. 

  142. 						</td>
    143. 

  143. 					</tr>
    144. 

  144. 				</table>
    145. 

  145. 			</div>
    146. 

  146. 		</div>
    147. 

  147. 		<div id="container-bottom">
    148. 

  148. 			<input type="button" id="buttonok" value="OK" langtext='1' class="formbutton" style="width: 70px"
    149. 

  149. 				onclick="do_insert();" />
    150. 

  150. 			&nbsp;&nbsp;&nbsp;&nbsp;
    151. 

  151. 			<input type="button" id="buttoncancel" value="Cancel" langtext='1' class="formbutton" style="width: 70px"
    152. 

  152. 				onclick="do_Close();" />
    153. 

  153. 		</div>
    154. 

  154. 	</div>
    155. 

  155. </body>
    156. 

  156. 

  157. <script>
    158. 

  158. 

  159. new function()
    160. 

  160. {
    161. 

  161. 	var editor=parent.rtecolorpickereditor;
    162. 

  162. 	var ns=document.getElementsByTagName("*");
    163. 

  163. 	for(var i=0;i<ns.length;i++)
    164. 

  164. 	{
    165. 

  165. 		var n=ns[i];
    166. 

  166. 		if(n.getAttribute('langtext')!="1")continue;
    167. 

  167. 		var t=n.innerText||n.textContent||"";
    168. 

  168. 		if(t)
    169. 

  169. 		{
    170. 

  170. 			t=editor.GetLangText(t);
    171. 

  171. 			n.innerText=t;
    172. 

  172. 			n.textContent=t;
    173. 

  173. 		}
    174. 

  174. 		var t=n.value||"";
    175. 

  175. 		if(t)
    176. 

  176. 		{
    177. 

  177. 			t=editor.GetLangText(t);
    178. 

  178. 			n.value=t;
    179. 

  179. 		}
    180. 

  180. 	}
    181. 

  181. }
    182. 

  182. 

  183. </script>
    184. 

  184. 

  185. </html>
    186.