colorpicker_accessible.jsp

IBM RSA下的JSF开发示例

	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[136]);" coords="78,84,94,100" tabindex="169" 
            onfocus="showColor(colorArray[136], colorArray[137]);" onmouseover="showColor(colorArray[136], colorArray[137]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[138]);" coords="96,84,112,100" tabindex="170" 
            onfocus="showColor(colorArray[138], colorArray[139]);" onmouseover="showColor(colorArray[138], colorArray[139]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[140]);"  coords="114,84,130,100" tabindex="171" 
            onfocus="showColor(colorArray[140], colorArray[141]);" onmouseover="showColor(colorArray[140], colorArray[141]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[142]);" coords="132,84,148,100" tabindex="172" 
            onfocus="showColor(colorArray[142], colorArray[143]);" onmouseover="showColor(colorArray[142], colorArray[143]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[144]);" coords="150,84,166,100" tabindex="173" 
            onfocus="showColor(colorArray[144], colorArray[145]);" onmouseover="showColor(colorArray[144], colorArray[145]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[146]);" coords="170,84,186,100" tabindex="174" 
            onfocus="showColor(colorArray[146], colorArray[147]);" onmouseover="showColor(colorArray[146], colorArray[147]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[148]);" coords="188,84,204,100" tabindex="175" 
            onfocus="showColor(colorArray[148], colorArray[149]);" onmouseover="showColor(colorArray[148], colorArray[149]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[150]);" coords="208,84,224,100" tabindex="176" 
            onfocus="showColor(colorArray[150], colorArray[151]);" onmouseover="showColor(colorArray[150], colorArray[151]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[152]);" coords="226,84,242,100" tabindex="177" 
            onfocus="showColor(colorArray[152], colorArray[153]);" onmouseover="showColor(colorArray[152], colorArray[153]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[154]);" coords="244,84,260,100" tabindex="178" 
            onfocus="showColor(colorArray[154], colorArray[155]);" onmouseover="showColor(colorArray[154], colorArray[155]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[156]);" coords="264,84,280,100" tabindex="179" 
            onfocus="showColor(colorArray[156], colorArray[157]);" onmouseover="showColor(colorArray[156], colorArray[157]);" >
	<AREA shape="rect"
		href="javascript:IBM_RTE_selectColor(colorArray[158]);" coords="282,84,298,100" tabindex="180" 
            onfocus="showColor(colorArray[158], colorArray[159]);" onmouseover="showColor(colorArray[158], colorArray[159]);" >


<!-- 6th row -->

	<AREA shape="rect" id="row1"
		href="javascript:IBM_RTE_selectColor(colorArray[160]);" coords="2,104,18,120" tabindex="181" 
            onfocus="showColor(colorArray[160], colorArray[161]);" onmouseover="showColor(colorArray[160], colorArray[161]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[162]);" coords="20,104,36,120" tabindex="182" 
            onfocus="showColor(colorArray[162], colorArray[163]);" onmouseover="showColor(colorArray[162], colorArray[163]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[164]);" coords="40,104,56,120" tabindex="183" 
            onfocus="showColor(colorArray[164], colorArray[165]);" onmouseover="showColor(colorArray[164], colorArray[165]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[166]);" coords="58,104,74,120" tabindex="184" 
            onfocus="showColor(colorArray[166], colorArray[167]);" onmouseover="showColor(colorArray[166], colorArray[167]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[168]);" coords="78,104,94,120" tabindex="185" 
            onfocus="showColor(colorArray[168], colorArray[169]);" onmouseover="showColor(colorArray[168], colorArray[169]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[170]);" coords="96,104,112,120" tabindex="186" 
            onfocus="showColor(colorArray[170], colorArray[171]);" onmouseover="showColor(colorArray[170], colorArray[171]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[172]);" coords="114,104,130,120" tabindex="187" 
            onfocus="showColor(colorArray[172], colorArray[173]);" onmouseover="showColor(colorArray[172], colorArray[173]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[174]);" coords="132,104,148,120" tabindex="188" 
            onfocus="showColor(colorArray[174], colorArray[175]);" onmouseover="showColor(colorArray[174], colorArray[175]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[176]);" coords="150,104,166,120" tabindex="189" 
            onfocus="showColor(colorArray[176], colorArray[177]);" onmouseover="showColor(colorArray[176], colorArray[177]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[178]);" coords="170,104,186,120" tabindex="190" 
            onfocus="showColor(colorArray[178], colorArray[179]);" onmouseover="showColor(colorArray[178], colorArray[179]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[180]);" coords="188,104,204,120" tabindex="191" 
            onfocus="showColor(colorArray[180], colorArray[181]);" onmouseover="showColor(colorArray[180], colorArray[181]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[182]);" coords="208,104,224,120" tabindex="192" 
            onfocus="showColor(colorArray[182], colorArray[183]);" onmouseover="showColor(colorArray[182], colorArray[183]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[184]);" coords="226,104,242,120" tabindex="193" 
            onfocus="showColor(colorArray[184], colorArray[185]);" onmouseover="showColor(colorArray[184], colorArray[185]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[186]);" coords="244,104,260,120" tabindex="194" 
            onfocus="showColor(colorArray[186], colorArray[187]);" onmouseover="showColor(colorArray[186], colorArray[187]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[188]);" coords="264,104,280,120" tabindex="195" 
            onfocus="showColor(colorArray[188], colorArray[189]);" onmouseover="showColor(colorArray[188], colorArray[189]);" >
	<AREA shape="rect"
		href="javascript:IBM_RTE_selectColor(colorArray[190]);" coords="282,104,298,120" tabindex="196" 
            onfocus="showColor(colorArray[190], colorArray[191]);" onmouseover="showColor(colorArray[190], colorArray[191]);" >



<!-- 7th row -->

	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[192]);" coords="2,124,18,140" tabindex="197" 
            onfocus="showColor(colorArray[192], colorArray[193]);" onmouseover="showColor(colorArray[192], colorArray[193]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[194]);" coords="20,124,36,140" tabindex="198" 
            onfocus="showColor(colorArray[194], colorArray[195]);" onmouseover="showColor(colorArray[194], colorArray[195]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[196]);" coords="40,124,56,140" tabindex="199" 
            onfocus="showColor(colorArray[196], colorArray[197]);" onmouseover="showColor(colorArray[196], colorArray[197]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[198]);" coords="58,124,74,140" tabindex="200" 
            onfocus="showColor(colorArray[198], colorArray[199]);" onmouseover="showColor(colorArray[198], colorArray[199]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[200]);" coords="78,124,94,140" tabindex="201" 
            onfocus="showColor(colorArray[200], colorArray[201]);" onmouseover="showColor(colorArray[200], colorArray[201]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[202]);" coords="96,124,112,140" tabindex="202" 
            onfocus="showColor(colorArray[202], colorArray[203]);" onmouseover="showColor(colorArray[202], colorArray[203]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[204]);" coords="114,124,130,140" tabindex="203" 
            onfocus="showColor(colorArray[204], colorArray[205]);" onmouseover="showColor(colorArray[204], colorArray[205]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[206]);" coords="132,124,148,140" tabindex="204" 
            onfocus="showColor(colorArray[206], colorArray[207]);" onmouseover="showColor(colorArray[206], colorArray[207]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[208]);" coords="150,124,166,140" tabindex="205" 
            onfocus="showColor(colorArray[208], colorArray[209]);" onmouseover="showColor(colorArray[208], colorArray[209]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[210]);" coords="170,124,186,140" tabindex="206" 
            onfocus="showColor(colorArray[210], colorArray[211]);" onmouseover="showColor(colorArray[210], colorArray[211]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[212]);" coords="188,124,204,140" tabindex="207" 
            onfocus="showColor(colorArray[212], colorArray[213]);" onmouseover="showColor(colorArray[212], colorArray[213]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[214]);" coords="208,124,224,140" tabindex="208" 
            onfocus="showColor(colorArray[214], colorArray[215]);" onmouseover="showColor(colorArray[214], colorArray[215]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[216]);"  coords="226,124,242,140" tabindex="209" 
            onfocus="showColor(colorArray[216], colorArray[217]);" onmouseover="showColor(colorArray[216], colorArray[217]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[218]);"  coords="244,124,260,140" tabindex="210" 
            onfocus="showColor(colorArray[218], colorArray[219]);" onmouseover="showColor(colorArray[218], colorArray[219]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[220]);"  coords="264,124,280,140" tabindex="211" 
            onfocus="showColor(colorArray[220], colorArray[221]);" onmouseover="showColor(colorArray[220], colorArray[221]);" >
	<AREA shape="rect"
		href="javascript:IBM_RTE_selectColor(colorArray[222]);"  coords="282,124,298,140" tabindex="212" 
            onfocus="showColor(colorArray[222], colorArray[223]);" onmouseover="showColor(colorArray[222], colorArray[223]);" >



<!-- 8th row -->

	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[224]);"  coords="2,142,18,158" tabindex="213" 
            onfocus="showColor(colorArray[224], colorArray[225]);" onmouseover="showColor(colorArray[224], colorArray[225]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[226]);"  coords="20,142,36,158" tabindex="214" 
            onfocus="showColor(colorArray[226], colorArray[227]);" onmouseover="showColor(colorArray[226], colorArray[227]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[228]);"  coords="40,142,56,158" tabindex="215" 
            onfocus="showColor(colorArray[228], colorArray[229]);" onmouseover="showColor(colorArray[228], colorArray[229]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[230]);"  coords="58,142,74,158" tabindex="216" 
            onfocus="showColor(colorArray[230], colorArray[231]);" onmouseover="showColor(colorArray[230], colorArray[231]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[232]);"  coords="78,142,94,158" tabindex="217" 
            onfocus="showColor(colorArray[232], colorArray[233]);" onmouseover="showColor(colorArray[232], colorArray[233]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[234]);"  coords="96,142,112,158" tabindex="218" 
            onfocus="showColor(colorArray[234], colorArray[235]);" onmouseover="showColor(colorArray[234], colorArray[235]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[236]);"  coords="114,142,130,158" tabindex="219" 
            onfocus="showColor(colorArray[236], colorArray[237]);" onmouseover="showColor(colorArray[236], colorArray[237]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[238]);"  coords="132,142,148,158" tabindex="220" 
            onfocus="showColor(colorArray[238], colorArray[239]);" onmouseover="showColor(colorArray[238], colorArray[239]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[240]);"  coords="150,142,166,158" tabindex="221" 
            onfocus="showColor(colorArray[240], colorArray[241]);" onmouseover="showColor(colorArray[240], colorArray[241]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[242]);"  coords="170,142,186,158" tabindex="222" 
            onfocus="showColor(colorArray[242], colorArray[243]);" onmouseover="showColor(colorArray[242], colorArray[243]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[244]);"  coords="188,142,204,158" tabindex="223" 
            onfocus="showColor(colorArray[244], colorArray[245]);" onmouseover="showColor(colorArray[244], colorArray[245]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[246]);"  coords="208,142,224,158" tabindex="224" 
            onfocus="showColor(colorArray[246], colorArray[247]);" onmouseover="showColor(colorArray[246], colorArray[247]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[248]);"  coords="226,142,242,158" tabindex="225" 
            onfocus="showColor(colorArray[248], colorArray[249]);" onmouseover="showColor(colorArray[248], colorArray[249]);" >
	<AREA shape="rect" 
		href="javascript:IBM_RTE_selectColor(colorArray[250]);"  coords="244,142,260,158" tabindex="226" 
            onfocus="showColor(colorArray[250], colorArray[251]);" onmouseover="showColor(colorArray[250], colorArray[251]);" >
	<AREA shape="rect"