colorpicker_accessible.jsp

IBM RSA下的JSF开发示例

            onfocus="showColor(colorArray[20], colorArray[21]);" onmouseover="showColor(colorArray[20], colorArray[21]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[22]);"  coords="208,4,224,20" tabindex="112" 
            onfocus="showColor(colorArray[22], colorArray[23]);" onmouseover="showColor(colorArray[22], colorArray[23]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[24]);"  coords="226,4,242,20" tabindex="113" 
            onfocus="showColor(colorArray[24], colorArray[25]);" onmouseover="showColor(colorArray[24], colorArray[25]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[26]);"  coords="244,4,260,20" tabindex="114" 
            onfocus="showColor(colorArray[26], colorArray[27]);" onmouseover="showColor(colorArray[26], colorArray[27]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[28]);"  coords="264,4,280,20" tabindex="115" 
            onfocus="showColor(colorArray[28], colorArray[29]);" onmouseover="showColor(colorArray[28], colorArray[29]);" >
	<AREA shape="rect"
		href="javascript:IBM_RTE_selectColor(colorArray[30]);"  coords="282,4,298,20" tabindex="116" 
            onfocus="showColor(colorArray[30], colorArray[31]);" onmouseover="showColor(colorArray[30], colorArray[31]);" >

<!-- 2nd row -->

	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[32]);" coords="2,24,18,40" tabindex="117" 
            onfocus="showColor(colorArray[32], colorArray[33]);" onmouseover="showColor(colorArray[32], colorArray[33]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[34]);" coords="20,24,36,40" tabindex="118" 
            onfocus="showColor(colorArray[34], colorArray[35]);" onmouseover="showColor(colorArray[34], colorArray[35]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[36]);" coords="40,24,56,40" tabindex="119" 
            onfocus="showColor(colorArray[36], colorArray[37]);" onmouseover="showColor(colorArray[36], colorArray[37]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[38]);" coords="58,24,74,40" tabindex="120" 
            onfocus="showColor(colorArray[38], colorArray[39]);" onmouseover="showColor(colorArray[38], colorArray[39]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[40]);" coords="78,24,94,40" tabindex="121" 
            onfocus="showColor(colorArray[40], colorArray[41]);" onmouseover="showColor(colorArray[40], colorArray[41]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[42]);" coords="96,24,112,40" tabindex="122" 
            onfocus="showColor(colorArray[42], colorArray[43]);" onmouseover="showColor(colorArray[42], colorArray[43]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[44]);" coords="114,24,130,40" tabindex="123" 
            onfocus="showColor(colorArray[44], colorArray[45]);" onmouseover="showColor(colorArray[44], colorArray[45]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[46]);" coords="132,24,148,40" tabindex="124" 
            onfocus="showColor(colorArray[46], colorArray[47]);" onmouseover="showColor(colorArray[46], colorArray[47]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[48]);" coords="150,24,166,40" tabindex="125" 
            onfocus="showColor(colorArray[48], colorArray[49]);" onmouseover="showColor(colorArray[48], colorArray[49]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[50]);" coords="170,24,186,40" tabindex="126" 
            onfocus="showColor(colorArray[50], colorArray[51]);" onmouseover="showColor(colorArray[50], colorArray[51]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[52]);" coords="188,24,204,40" tabindex="127" 
            onfocus="showColor(colorArray[52], colorArray[53]);" onmouseover="showColor(colorArray[52], colorArray[53]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[54]);" coords="208,24,224,40" tabindex="128" 
            onfocus="showColor(colorArray[54], colorArray[55]);" onmouseover="showColor(colorArray[54], colorArray[55]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[56]);" coords="226,24,242,40" tabindex="129" 
            onfocus="showColor(colorArray[56], colorArray[57]);" onmouseover="showColor(colorArray[56], colorArray[57]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[58]);" coords="244,24,260,40" tabindex="130" 
            onfocus="showColor(colorArray[58], colorArray[59]);" onmouseover="showColor(colorArray[58], colorArray[59]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[60]);" coords="264,24,280,40" tabindex="131" 
            onfocus="showColor(colorArray[60], colorArray[61]);" onmouseover="showColor(colorArray[60], colorArray[61]);" >
	<AREA shape="rect"
		href="javascript:IBM_RTE_selectColor(colorArray[62]);" coords="282,24,298,40" tabindex="132" 
            onfocus="showColor(colorArray[62], colorArray[63]);" onmouseover="showColor(colorArray[62], colorArray[63]);" >


<!-- 3rd row -->

	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[64]);" coords="2,44,18,60" tabindex="133" 
            onfocus="showColor(colorArray[64], colorArray[65]);" onmouseover="showColor(colorArray[64], colorArray[65]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[66]);" coords="20,44,36,60" tabindex="134" 
            onfocus="showColor(colorArray[66], colorArray[67]);" onmouseover="showColor(colorArray[66], colorArray[67]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[68]);" coords="40,44,56,60" tabindex="135" 
            onfocus="showColor(colorArray[68], colorArray[69]);" onmouseover="showColor(colorArray[68], colorArray[69]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[70]);" coords="58,44,74,60" tabindex="136" 
            onfocus="showColor(colorArray[70], colorArray[71]);" onmouseover="showColor(colorArray[70], colorArray[71]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[72]);" coords="78,44,94,60" tabindex="137" 
            onfocus="showColor(colorArray[72], colorArray[73]);" onmouseover="showColor(colorArray[72], colorArray[73]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[74]);" coords="96,44,112,60" tabindex="138" 
            onfocus="showColor(colorArray[74], colorArray[75]);" onmouseover="showColor(colorArray[74], colorArray[75]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[76]);" coords="114,44,130,60" tabindex="139" 
            onfocus="showColor(colorArray[76], colorArray[77]);" onmouseover="showColor(colorArray[76], colorArray[77]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[78]);" coords="132,44,148,60" tabindex="140" 
            onfocus="showColor(colorArray[78], colorArray[79]);" onmouseover="showColor(colorArray[78], colorArray[79]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[80]);" coords="150,44,166,60" tabindex="141" 
            onfocus="showColor(colorArray[80], colorArray[81]);" onmouseover="showColor(colorArray[80], colorArray[81]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[82]);" coords="170,44,186,60" tabindex="142" 
            onfocus="showColor(colorArray[82], colorArray[83]);" onmouseover="showColor(colorArray[82], colorArray[83]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[84]);" coords="188,44,204,60" tabindex="143" 
            onfocus="showColor(colorArray[84], colorArray[85]);" onmouseover="showColor(colorArray[84], colorArray[85]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[86]);" coords="208,44,224,60" tabindex="144" 
            onfocus="showColor(colorArray[86], colorArray[87]);" onmouseover="showColor(colorArray[86], colorArray[87]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[88]);" coords="226,44,242,60" tabindex="145" 
            onfocus="showColor(colorArray[88], colorArray[89]);" onmouseover="showColor(colorArray[88], colorArray[89]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[90]);" coords="244,44,260,60" tabindex="146" 
            onfocus="showColor(colorArray[90], colorArray[91]);" onmouseover="showColor(colorArray[90], colorArray[91]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[92]);" coords="264,44,280,60" tabindex="147" 
            onfocus="showColor(colorArray[92], colorArray[93]);" onmouseover="showColor(colorArray[92], colorArray[93]);" >
	<AREA shape="rect"
		href="javascript:IBM_RTE_selectColor(colorArray[94]);" coords="282,44,298,60" tabindex="148" 
            onfocus="showColor(colorArray[94], colorArray[95]);" onmouseover="showColor(colorArray[94], colorArray[95]);" >



<!-- 4th row -->

	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[96]);" coords="2,64,18,80" tabindex="149" 
            onfocus="showColor(colorArray[96], colorArray[97]);" onmouseover="showColor(colorArray[96], colorArray[97]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[98]);" coords="20,64,36,80" tabindex="150" 
            onfocus="showColor(colorArray[98], colorArray[99]);" onmouseover="showColor(colorArray[98], colorArray[99]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[100]);" coords="40,64,56,80" tabindex="151" 
            onfocus="showColor(colorArray[100], colorArray[101]);" onmouseover="showColor(colorArray[100], colorArray[101]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[102]);" coords="58,64,74,80" tabindex="152" 
            onfocus="showColor(colorArray[102], colorArray[103]);" onmouseover="showColor(colorArray[102], colorArray[103]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[104]);" coords="78,64,94,80" tabindex="153" 
            onfocus="showColor(colorArray[104], colorArray[105]);" onmouseover="showColor(colorArray[104], colorArray[105]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[106]);" coords="96,64,112,80" tabindex="154" 
            onfocus="showColor(colorArray[106], colorArray[107]);" onmouseover="showColor(colorArray[106], colorArray[107]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[108]);" coords="114,64,130,80" tabindex="155" 
            onfocus="showColor(colorArray[108], colorArray[109]);" onmouseover="showColor(colorArray[108], colorArray[109]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[110]);" coords="132,64,148,80" tabindex="156" 
            onfocus="showColor(colorArray[110], colorArray[111]);" onmouseover="showColor(colorArray[110], colorArray[111]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[112]);" coords="150,64,166,80" tabindex="157" 
            onfocus="showColor(colorArray[112], colorArray[113]);" onmouseover="showColor(colorArray[112], colorArray[113]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[114]);" coords="170,64,186,80" tabindex="158" 
            onfocus="showColor(colorArray[114], colorArray[115]);" onmouseover="showColor(colorArray[114], colorArray[115]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[116]);" coords="188,64,204,80" tabindex="159" 
            onfocus="showColor(colorArray[116], colorArray[117]);" onmouseover="showColor(colorArray[116], colorArray[117]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[118]);" coords="208,64,224,80" tabindex="160" 
            onfocus="showColor(colorArray[118], colorArray[119]);" onmouseover="showColor(colorArray[118], colorArray[119]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[120]);" coords="226,64,242,80" tabindex="161" 
            onfocus="showColor(colorArray[120], colorArray[121]);" onmouseover="showColor(colorArray[120], colorArray[121]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[122]);" coords="244,64,260,80" tabindex="162" 
            onfocus="showColor(colorArray[122], colorArray[123]);" onmouseover="showColor(colorArray[122], colorArray[123]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[124]);" coords="264,64,280,80" tabindex="163" 
            onfocus="showColor(colorArray[124], colorArray[125]);" onmouseover="showColor(colorArray[124], colorArray[125]);" >
	<AREA shape="rect"
		href="javascript:IBM_RTE_selectColor(colorArray[126]);" coords="282,64,298,80" tabindex="164" 
            onfocus="showColor(colorArray[126], colorArray[127]);" onmouseover="showColor(colorArray[126], colorArray[127]);" >



<!-- 5th row -->

	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[128]);" coords="2,84,18,100" tabindex="165" 
            onfocus="showColor(colorArray[128], colorArray[129]);" onmouseover="showColor(colorArray[128], colorArray[129]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[130]);" coords="20,84,36,100" tabindex="166" 
            onfocus="showColor(colorArray[130], colorArray[131]);" onmouseover="showColor(colorArray[130], colorArray[131]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[132]);" coords="40,84,56,100" tabindex="167" 
            onfocus="showColor(colorArray[132], colorArray[133]);" onmouseover="showColor(colorArray[132], colorArray[133]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[134]);"  coords="58,84,74,100" tabindex="168" 
            onfocus="showColor(colorArray[134], colorArray[135]);" onmouseover="showColor(colorArray[134], colorArray[135]);" >