텍스트 입력후 색상을 선택하면 해당 색상으로 바뀌는 부분을 작업중입니다.
색상 피커만 따로 스킨 같은것이 없어서(제가 못찾아서) 왼쪽 처럼 만들어 보았는데요,
css 스타일 없이 작업한거라,, 이게 그누보드에 불러오니 오른쪽처럼 되 버립니다.
디폴트 css 스타일의 영향으로 보인다...는정도밖에는
어디를 손대야 하는지 잘 모르겠습니다.
고수님들의 한수 가르침 부탁드립니다.
감사합니다.
ps. 소스코드
Copy
<html><head> </head><body><input type="text" name="colorpicked" id="colorpicked" value="" class="frm_input" size="8" readonly><input type="button" value="선택" style="width:60px" onclick="colorpicker.style.display='';"><div name="colorpicker" id="colorpicker" style="width:210px; display:none; border:5px solid #dddddd; margin:5px;"> <table id="fc_color_tbl" cellspacing="1" cellpadding="0" style="cursor:hand; padding:0 0 0 0;"> <?php $colorval = array("0"=>array("FF0000", "FF5E00", "FFBB00", "FFE400", "ABF200", "1DDB16", "00D8FF", "0054FF", "0100FF", "5F00FF", "FF00DD", "FF007F", "000000", "FFFFFF",), "1"=>array("FFD8D8", "FAE0D4", "FAECC5", "FAF4C0", "E4F7BA", "CEFBC9", "D4F4FA", "D9E5FF", "DAD9FF", "E8D9FF", "FFD9FA", "FFD9EC", "F6F6F6", "EAEAEA",), "2"=>array("FFA7A7", "FFC19E", "FFE08C", "FAED7D", "CEF279", "B7F0B1", "B2EBF4", "B2CCFF", "B5B2FF", "D1B2FF", "FFB2F5", "FFB2D9", "D5D5D5", "BDBDBD",), "3"=>array("F15F5F", "F29661", "F2CB61", "E5D85C", "BCE55C", "86E57F", "5CD1E5", "6799FF", "6B66FF", "A566FF", "F361DC", "F361A6", "A6A6A6", "8C8C8C",), "4"=>array("CC3D3D", "CC723D", "CCA63D", "C4B73B", "9FC93C", "47C83E", "3DB7CC", "4374D9", "4641D9", "8041D9", "D941C5", "D9418C", "747474", "5D5D5D",), "5"=>array("980000", "993800", "997000", "998A00", "6B9900", "2F9D27", "008299", "003399", "050099", "3F0099", "990085", "99004C", "4C4C4C", "353535",), "6"=>array("670000", "662500", "664B00", "665C00", "476600", "22741C", "005766", "002266", "030066", "2A0066", "660058", "660033", "212121", "191919",), ); for ($i = 0 ; $i <= 6 ; $i++){ echo "<tr height=\"15\">"; for ($j = 0 ; $j <= 13 ; $j++){ echo "<td width=\"15\" bgcolor=\"".$colorval[$i][$j]."\" onclick=\"colorpicked.value='#".$colorval[$i][$j]."'; colorpicker.style.display='none'; colorpicked.style.backgroundColor='#".$colorval[$i][$j]."';\" style=\"padding:0 0 0 0; backgroundColor: #".$colorval[$i][$j]."; border: 0px\"></td>"; } echo "</tr>"; } ?> </table></div></body></html>
답변 1개 / 댓글 9개
채택된 답변
+20 포인트
Copy
style=\"padding:0 0 0 0; backgroundColor: #".$colorval[$i][$j]."; border: 0px\"
이 부분을 다음으로 바꿔보세요.
Copy
style=\"padding:0 0 0 0; background-color: #".$colorval[$i][$j]."; border: 0px\"
답변에 대한 댓글 9개
답변을 작성하려면 로그인이 필요합니다.
언급하신 부분은 바꾼것은 동작이 정지되고요, 원래 코드는 동작이 됩니다.
(테이블이 바뀌는 것도 여전합니다.)
코드를 그대로 갖다 붙여도 현저히 다르게 나오는건 css의 영향 같은데,
제가 잘못알고 있는건지요..