colorpicker.aspx

在线网页编辑器.net 2.0版!不错的在线网页编辑器

						</tr>
						<tr>
							<td><input type="radio" checked="checked" onclick="HandleUIChanged()" name="rd_mode" id="rd_hsb_b" value="hsb_b" /></td>
							<td>
								B:</td>
							<td><input type="text" id="hsb_b" readonly="readonly" style="width:52px" />
							</td>
						</tr>
						<tr>
							<td style="height:6px;" colspan="4"></td>
						</tr>
						<tr>
							<td><input type="radio" onclick="HandleUIChanged()" name="rd_mode" id="rd_rgb_r" value="rgb_r" /></td>
							<td>
								R:</td>
							<td><input type="text" id="rgb_r" style="width:52px" />
							</td>
							<td><div id="scroll_rgb_r" style='height:15px;width:90px;overflow-x:scroll;overflow-y:hidden;'><div style='width:180px'></div>
								</div>
							</td>
						</tr>
						<tr>
							<td><input type="radio" onclick="HandleUIChanged()" name="rd_mode" id="rd_rgb_g" value="rgb_g" /></td>
							<td>
								G:</td>
							<td><input type="text" id="rgb_g" style="width:52px" />
							</td>
							<td><div id="scroll_rgb_g" style='height:15px;width:90px;overflow-x:scroll;overflow-y:hidden;'>
							        <div style='width:180px'></div>
								</div>
							</td>
						</tr>
						<tr>
							<td><input type="radio" onclick="HandleUIChanged()" name="rd_mode" id="rd_rgb_b" value="rgb_b" /></td>
							<td>B:</td>
							<td><input type="text" id="rgb_b" style="width:52px" />
							</td>
							<td>
								<div id="scroll_rgb_b" style='height:15px;width:90px;overflow-x:scroll;overflow-y:hidden;'>
									<div style='width:170px'></div>
								</div>
							</td>
						</tr>
						<tr>
							<td style="height:6px;" colspan="4">
							</td>
						</tr>
						<tr>
							<td colspan="2">
								[[HTML]]:</td>
							<td colspan="2"><input type="text" id="val_v" maxlength="7" style="width:55px; font:normal 12px Tahoma;" />
							</td>
						</tr>
					</table>
				</td>
			</tr>
			<tr>
				<td colspan="5">
					<table width="98%" cellpadding="0" cellspacing="0">
						<tr>
							<td style="width:150">
								<input type='checkbox' id='cb_safe' onpropertychange='Update()' onclick='Update()' /><label for='cb_safe'>[[OnlyWebColor]]</label>
							</td>
							<td>
								[[Quality]]: <input type='radio' name="radio_qlt" id='radio_qlt_low' onpropertychange='ChangeQuanlity()'
									onclick='ChangeQuanlity()' /><label for='radio_qlt_low'>[[Low]]</label> <input type='radio' name="radio_qlt" id='radio_qlt_medium' onpropertychange='ChangeQuanlity()'
									onclick='ChangeQuanlity()' /><label for='radio_qlt_medium'>[[Medium]]</label> <input type='radio' name="radio_qlt" id='radio_qlt_high' onpropertychange='ChangeQuanlity()'
									onclick='ChangeQuanlity()' /><label for='radio_qlt_high'>[[High]]</label> <span style='display:none'>
									<input type='radio' name="radio_qlt" id='radio_qlt_veryhigh' onpropertychange='ChangeQuanlity()'
										onclick='ChangeQuanlity()' /><label for='radio_qlt_veryhigh'>[[VeryHigh]]</label>
								</span>
							</td>
						</tr>
					</table>
				</td>
			</tr>
		</table>
	</body>
</html>
<script type="text/javascript">
var OxOea53=["addEventListener","TABLE","INPUT","DIV","BUTTON","TD","length","id","var ","=document.getElementById(\x27","\x27)"];if(document[OxOea53[0x0]]){var tagnamearr=[OxOea53[0x1],OxOea53[0x2],OxOea53[0x3],OxOea53[0x4],OxOea53[0x5]];for(var tni=0x0;tni<tagnamearr[OxOea53[0x6]];tni++){var tagname=tagnamearr[tni];var coll=document.getElementsByTagName(tagname);for(var i=0x0;i<coll[OxOea53[0x6]];i++){var element=coll[i];if(element[OxOea53[0x7]]){ eval(OxOea53[0x8]+element[OxOea53[0x7]]+OxOea53[0x9]+element[OxOea53[0x7]]+OxOea53[0xa]) ;} ;} ;} ;} ;
</script>
<script type="text/javascript">

var OxOae3b=["checked","border","style","","x","y","z","paddingTop","value","backgroundColor","r","g","b","1px solid white","cells","rows","onmouseup","scrollLeft","clientWidth","scrollWidth","onchange","onscroll"];var GetRgbBy=GetRgbByH;var GetXyzBy=GetXyzByH;var selz=0x0;var sely=0x0;var selx=yxcount; currentrgb=GetRgbBy(selz*0x100/zcount,sely*0x100/yxcount,selx*0x100/yxcount) ;var yxs=[];var zs=[];var isupdating=false;var downz=false;var downyx=false;var update_timer=0x0;var needupdateyx=true;var needupdatez=true;var firebyscroll=false; function HandleUIChanged(Ox1b){if(Ox1b==null){ Ox1b=currentrgb ;} ;if(rd_hsb_h[OxOae3b[0x0]]){ GetXyzBy=GetXyzByH ;} ;if(rd_hsb_s[OxOae3b[0x0]]){ GetXyzBy=GetXyzByS ;} ;if(rd_hsb_b[OxOae3b[0x0]]){ GetXyzBy=GetXyzByB ;} ;if(rd_rgb_r[OxOae3b[0x0]]){ GetXyzBy=GetXyzByRed ;} ;if(rd_rgb_g[OxOae3b[0x0]]){ GetXyzBy=GetXyzByGreen ;} ;if(rd_rgb_b[OxOae3b[0x0]]){ GetXyzBy=GetXyzByBlue ;} ; yxs[sely][selx][OxOae3b[0x2]][OxOae3b[0x1]]=OxOae3b[0x3] ;var Ox5c=GetXyzBy(Ox1b); selx=Math.round(Ox5c[OxOae3b[0x4]]*yxcount/0x100) ; sely=Math.round(Ox5c[OxOae3b[0x5]]*yxcount/0x100) ; selz=Math.round(Ox5c[OxOae3b[0x6]]*zcount/0x100) ; Update(true) ;}  ; function OnUpdate(Ox1b){}  ; function Update(Ox5f){ isupdating=true ;try{if(rd_hsb_h[OxOae3b[0x0]]){ GetRgbBy=GetRgbByH ;} ;if(rd_hsb_s[OxOae3b[0x0]]){ GetRgbBy=GetRgbByS ;} ;if(rd_hsb_b[OxOae3b[0x0]]){ GetRgbBy=GetRgbByB ;} ;if(rd_rgb_r[OxOae3b[0x0]]){ GetRgbBy=GetRgbByRed ;} ;if(rd_rgb_g[OxOae3b[0x0]]){ GetRgbBy=GetRgbByGreen ;} ;if(rd_rgb_b[OxOae3b[0x0]]){ GetRgbBy=GetRgbByBlue ;} ;var Ox32=GetRgbBy(selz*0x100/zcount,sely*0x100/yxcount,selx*0x100/yxcount); currentrgb=Ox32 ;var Ox60=Ox32.toString(); tdzl[OxOae3b[0x2]][OxOae3b[0x7]]=tdzr[OxOae3b[0x2]][OxOae3b[0x7]]=selz*0x100/zcount ; hsb_h[OxOae3b[0x8]]=Math.floor(Ox32.GetH()) ; hsb_s[OxOae3b[0x8]]=Math.round(Ox32.GetS()) ; hsb_b[OxOae3b[0x8]]=Math.round(Ox32.GetB()) ; val_v[OxOae3b[0x8]]=Ox60.toLowerCase() ; divpreview[OxOae3b[0x2]][OxOae3b[0x9]]=Ox60 ; rgb_r[OxOae3b[0x8]]=Math.floor(Ox32.r) ; rgb_g[OxOae3b[0x8]]=Math.floor(Ox32.g) ; rgb_b[OxOae3b[0x8]]=Math.floor(Ox32.b) ;if(!firebyscroll){if(Math.abs(GetScrollValue(scroll_rgb_r)*0x100-Ox32.r)>0x34){ SetScrollValue(scroll_rgb_r,Ox32[OxOae3b[0xa]]/0x100) ;} ;if(Math.abs(GetScrollValue(scroll_rgb_g)*0x100-Ox32.g)>0x34){ SetScrollValue(scroll_rgb_g,Ox32[OxOae3b[0xb]]/0x100) ;} ;if(Math.abs(GetScrollValue(scroll_rgb_b)*0x100-Ox32.b)>0x34){ SetScrollValue(scroll_rgb_b,Ox32[OxOae3b[0xc]]/0x100) ;} ;} ; OnUpdate(Ox32) ; clearTimeout(update_timer) ; update_timer=setTimeout(UpdateInternal,Ox5f?0x1:updatedelay) ;} finally{ isupdating=false ;} ;}  ; function UpdateInternal(){ usesafe=cb_safe[OxOae3b[0x0]] ; yxs[sely][selx][OxOae3b[0x2]][OxOae3b[0x1]]=OxOae3b[0xd] ;if(needupdatez){for(var Ox2e=0x0;Ox2e<=zcount;Ox2e++){ zs[Ox2e][OxOae3b[0x2]][OxOae3b[0x9]]=GetRgbBy(Ox2e*0x100/zcount,sely*0x100/yxcount,selx*0x100/yxcount,true).toString() ;} ;} ;if(needupdateyx){for(var Ox2f=0x0;Ox2f<=yxcount;Ox2f++){for(var Ox30=0x0;Ox30<=yxcount;Ox30++){ yxs[Ox2f][Ox30][OxOae3b[0x2]][OxOae3b[0x9]]=GetRgbBy(selz*0x100/zcount,Ox2f*0x100/yxcount,Ox30*0x100/yxcount,false).toString() ;} ;} ;} ; needupdateyx=true ; needupdatez=true ;}  ; function Initialize(){for(var Ox2f=0x0;Ox2f<=yxcount;Ox2f++){var Ox63=[];for(var Ox30=0x0;Ox30<=yxcount;Ox30++){var Ox64=yxtable[OxOae3b[0xf]][Ox2f][OxOae3b[0xe]][Ox30]; Ox64[OxOae3b[0x4]]=Ox30 ; Ox64[OxOae3b[0x5]]=Ox2f ; Ox63[Ox30]=Ox64 ;} ; yxs[Ox2f]=Ox63 ;} ;for(var Ox2e=0x0;Ox2e<=zcount;Ox2e++){var Ox64=ztable[OxOae3b[0xf]][Ox2e][OxOae3b[0xe]][0x0]; Ox64[OxOae3b[0x6]]=Ox2e ; zs[Ox2e]=Ox64 ;} ; Update(true) ;}  ; document[OxOae3b[0x10]]=function (){ downyx=false ; downz=false ;}  ; function YSDown(Ox64){ downyx=true ; Update() ;}  ; function YSMove(Ox64){if(downyx&&yxs[sely][selx]!=Ox64){ yxs[sely][selx][OxOae3b[0x2]][OxOae3b[0x1]]=OxOae3b[0x3] ; needupdateyx=false ; sely=Ox64[OxOae3b[0x5]] ; selx=Ox64[OxOae3b[0x4]] ; Update() ;} ;}  ; function YSUp(Ox64){ yxs[sely][selx][OxOae3b[0x2]][OxOae3b[0x1]]=OxOae3b[0x3] ; needupdateyx=false ; sely=Ox64[OxOae3b[0x5]] ; selx=Ox64[OxOae3b[0x4]] ; Update() ;}  ; function ZDown(Ox64){ downz=true ;}  ; function ZMove(Ox64){if(downz){ needupdatez=false ; selz=Ox64[OxOae3b[0x6]] ; Update() ;} ;}  ; function ZUp(Ox64){ downz=false ; needupdatez=false ; selz=Ox64[OxOae3b[0x6]] ; Update() ;}  ; function GetScrollValue(Ox6c){return Ox6c[OxOae3b[0x11]]/(Ox6c[OxOae3b[0x13]]-Ox6c[OxOae3b[0x12]]);}  ; function SetScrollValue(Ox6c,Ox60){ Ox6c[OxOae3b[0x11]]=Ox60*(Ox6c[OxOae3b[0x13]]-Ox6c[OxOae3b[0x12]]) ;}  ; rgb_r[OxOae3b[0x14]]=function (){if(isupdating){return ;} ; HandleUIChanged( new RgbClass(parseInt(rgb_r.value),parseInt(rgb_g.value),parseInt(rgb_b.value))) ;}  ; scroll_rgb_r[OxOae3b[0x15]]=function (){if(isupdating){return ;} ;var Oxe=GetScrollValue(scroll_rgb_r); rgb_r[OxOae3b[0x8]]=0x100*Oxe ; firebyscroll=true ;try{ HandleUIChanged( new RgbClass(parseInt(rgb_r.value),parseInt(rgb_g.value),parseInt(rgb_b.value))) ;} finally{ firebyscroll=false ;} ;}  ; rgb_g[OxOae3b[0x14]]=function (){if(isupdating){return ;} ; HandleUIChanged( new RgbClass(parseInt(rgb_r.value),parseInt(rgb_g.value),parseInt(rgb_b.value))) ;}  ; scroll_rgb_g[OxOae3b[0x15]]=function (){if(isupdating){return ;} ;var Oxe=GetScrollValue(scroll_rgb_g); rgb_g[OxOae3b[0x8]]=0x100*Oxe ; firebyscroll=true ;try{ HandleUIChanged( new RgbClass(parseInt(rgb_r.value),parseInt(rgb_g.value),parseInt(rgb_b.value))) ;} finally{ firebyscroll=false ;} ;}  ; rgb_b[OxOae3b[0x14]]=function (){if(isupdating){return ;} ; HandleUIChanged( new RgbClass(parseInt(rgb_r.value),parseInt(rgb_g.value),parseInt(rgb_b.value))) ;}  ; scroll_rgb_b[OxOae3b[0x15]]=function (){if(isupdating){return ;} ;var Oxe=GetScrollValue(scroll_rgb_b); rgb_b[OxOae3b[0x8]]=0x100*Oxe ; firebyscroll=true ;try{ HandleUIChanged( new RgbClass(parseInt(rgb_r.value),parseInt(rgb_g.value),parseInt(rgb_b.value))) ;} finally{ firebyscroll=false ;} ;}  ;


</script>
<script type="text/javascript">
var OxO787f=["onload","dialogArguments","string","object","onchange","onkeydown","event","keyCode","returnValue","checked","href","ColorPicker.Aspx?Quality=","\x26[[DNN_Arg]]","value","backgroundColor","style","[[ValidColor]]","","color1","color2"]; function OnUpdate1(Ox70){}  ; function OnUpdate2(Ox1b){ OnUpdate1(Ox1b.toString()) ;}  ; window[OxO787f[0x0]]=function (){ Initialize() ;if(top[OxO787f[0x1]]){if( typeof (top[OxO787f[0x1]])==OxO787f[0x2]){ HandleUIChanged(ParseRgb(top.dialogArguments)) ;} else {if( typeof (top[OxO787f[0x1]])==OxO787f[0x3]){if(top[OxO787f[0x1]][OxO787f[0x4]]){ OnUpdate1=top[OxO787f[0x1]][OxO787f[0x4]] ; OnUpdate=OnUpdate2 ;} ; HandleUIChanged(ParseRgb(top[OxO787f[0x1]].color)) ;} ;} ;} ;}  ; document[OxO787f[0x5]]=function (Ox72){ Ox72=Ox72||window[OxO787f[0x6]] ;if(Ox72[OxO787f[0x7]]==0x1b){ top[OxO787f[0x8]]=false ; top.close() ;} ;}  ;switch(yxExponent){case 0x3: radio_qlt_low[OxO787f[0x9]]=true ;break ;case 0x4: radio_qlt_medium[OxO787f[0x9]]=true ;break ;case 0x5: radio_qlt_high[OxO787f[0x9]]=true ;break ;case 0x6: radio_qlt_veryhigh[OxO787f[0x9]]=true ;break ;;;;;} ; ChangeQuanlity=ChangeQuanlity2 ; function ChangeQuanlity(){}  ; function ChangeQuanlity2(){var Ox75=0x4;if(radio_qlt_low[OxO787f[0x9]]){ Ox75=0x3 ;} ;if(radio_qlt_medium[OxO787f[0x9]]){ Ox75=0x4 ;} ;if(radio_qlt_high[OxO787f[0x9]]){ Ox75=0x5 ;} ;if(radio_qlt_veryhigh[OxO787f[0x9]]){ Ox75=0x6 ;} ;if(Ox75!=yxExponent){ location[OxO787f[0xa]]=OxO787f[0xb]+Ox75+OxO787f[0xc] ;} ;}  ; function do_ok(){try{ divpreview[OxO787f[0xf]][OxO787f[0xe]]=val_v[OxO787f[0xd]] ;} catch(er){ alert(OxO787f[0x10]) ; val_v[OxO787f[0xd]]=OxO787f[0x11] ;return false;} ;var Ox60=val_v[OxO787f[0xd]];var obj=Window_GetDialogArguments(window);if(obj){var Ox77=obj[OxO787f[0x12]];if(Ox77){ Ox77[OxO787f[0xf]][OxO787f[0xe]]=Ox60 ;if(Ox77[OxO787f[0xd]]){ Ox77[OxO787f[0xd]]=Ox60 ;} ;} ;var Ox78=obj[OxO787f[0x13]];if(Ox78){ Ox78[OxO787f[0xf]][OxO787f[0xe]]=Ox60 ;if(Ox78[OxO787f[0xd]]){ Ox78[OxO787f[0xd]]=Ox60 ;} ;} ;} ; Window_SetDialogReturnValue(window,Ox60) ; Window_CloseDialog(window) ;}  ; function do_cancel(){ Window_CloseDialog(window) ;}  ;

</script>