테이블이 제대로 나오지 않습니다
본문
텍스트 입력후 색상을 선택하면 해당 색상으로 바뀌는 부분을 작업중입니다.
색상 피커만 따로 스킨 같은것이 없어서(제가 못찾아서) 왼쪽 처럼 만들어 보았는데요,
css 스타일 없이 작업한거라,, 이게 그누보드에 불러오니 오른쪽처럼 되 버립니다.
디폴트 css 스타일의 영향으로 보인다...는정도밖에는
어디를 손대야 하는지 잘 모르겠습니다.
고수님들의 한수 가르침 부탁드립니다.
감사합니다.
ps. 소스코드
<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
style=\"padding:0 0 0 0; backgroundColor: #".$colorval[$i][$j]."; border: 0px\"style=\"padding:0 0 0 0; background-color: #".$colorval[$i][$j]."; border: 0px\"답글 달아주셔서 감사합니다. 현재 환경 익스11 쓰고 있는데요,
언급하신 부분은 바꾼것은 동작이 정지되고요, 원래 코드는 동작이 됩니다.
(테이블이 바뀌는 것도 여전합니다.)
코드를 그대로 갖다 붙여도 현저히 다르게 나오는건 css의 영향 같은데,
제가 잘못알고 있는건지요..
backgroundColor 표현식은 자바스크립트에서 css 를 제어할 때 쓰는 표현식이고, style 안에 들어가는 값은 background-color:#색상코드 와 같은 형태로 들어가야 합니다.
css 보다는 스크립트나 프로그램 오류가 아닐까 짐작이 됩니다.
아니면 default.css 자체를 제거하신 후 테스트해보실 수도 있으시겠죠.
주소를 알려주시면 한번 더 살펴보겠습니다.
마음써 주셔서 감사합니다. 현재 lan에서만 접근가능한 사설 컴에서 작업중이라,,, 암튼 너무너무 감사합니다.
말씀하신대로 default.css 를 다른이름으로 바꿔서 엑세스못하게 해놓으니 그누보드는 레이아웃이 흐트러지지만
색상 피커만은 제대로 나오네요. 원인이 확실해진것 같습니다.
작업하신 원본 소스는 doctype 이 선언되지 않았고, 그누보드5는 html5 로 doctype 이 선언된 상태입니다.
작업하신 화면을 볼 수 없어 정확히 말씀드리기는 어렵습니다만 단순히 default.css 때문만이라고 속단하기는 어려울 것 같네요.
아, 예.. 그러네요. 색상과 표는 제대로 나오지만 Onclick 처리는 제대로 안되는걸 보면 어려 이유인것 같네요.
오늘 많이 배웁니다. 감사합니다.
td 에 높이값도 지정해보시거나 빈공간 를 입력해보시는 것으로 테스트해볼 수도 있을 것 같습니다만 장담은 못 드리겠네요.
예,, 너무 번거롭게 해드리는것 같네요. 일단 저나름대로도 좀더 이러저렇게 해볼게요.
감사합니다.
별 도움이 못돼서 죄송합니다. 잘 풀리시면 좋겠네요. 화이팅
감사합니다