<script type="text/javascript">
//function decimalToHex(int number)
//{
// 10진수 123을 16진수로 변환
//var n = (123).toString(16);
//document.write(n, '<br />');
// 출력 결과: 7b
//}
// 그냥 배열을 통해 값 출력
function getRGB(number)
{
var rgb_list = new Array();
rgb_list[0] = '616264';
rgb_list[1] = 'D8C8B2';
rgb_list[2] = 'B82647';
rgb_list[3] = '683235';
rgb_list[4] = 'C23352';
rgb_list[5] = 'BF2F7B';
rgb_list[6] = 'BE577B';
rgb_list[7] = 'F9D537';
rgb_list[8] = 'F7B938';
rgb_list[9] = 'DDA28F';
document.myform.change_value11.value = rgb_list[number];
document.all.test2.style.background = rgb_list[number];
// 참고 사이트
//http://july.tistory.com/290
// http://parangsaekr.com.ne.kr/rgb01.html
}
// 대문자 헥사로 출력
function decimalToHex(number)
{
var my_number1 = (parseInt(number) * 10) % 256;
var my_number2 = (parseInt(number) * 20) % 256;
var my_number3 = (parseInt(number) * 30) % 256;
document.myform.change_value11.value = my_number1 + '_' + my_number2 + '_' + my_number3;
//alert(my_number1);
var rgb_r = my_number1.toString(16).toUpperCase();
var rgb_g = my_number2.toString(16).toUpperCase();
var rgb_b = my_number3.toString(16).toUpperCase();
alert(rgb_r.length);
// 2자리로 보정 처리
if (rgb_r.length == 1) rgb_r = '0' + rgb_r;
if (rgb_g.length == 1) rgb_g = '0' + rgb_g;
if (rgb_b.length == 1) rgb_b = '0' + rgb_b;
document.myform.change_value.value = rgb_r + '_' + rgb_g + '_' + rgb_b;
document.all.test2.style.background=rgb_r + rgb_g + rgb_b;
//n = (123).toString(16).toUpperCase();
//document.write(n, '<br />');
// 출력 결과: 7B
}
</script>
<html>
<body>
<form name="myform">
<input type=text value = "" name="mynumber">
<input type=button value="확인" onclick="decimalToHex(document.myform.mynumber.value)">
<input type=button value="지정된 번호 확인" onclick="getRGB(document.myform.mynumber.value)">
<br>
<br>
div !
<br>
<div id=test2 style="position:absoulte; left:100; top:100; width:150; height:50">
테스트 레이어
</div>
<input type=text value="" name="change_value11"><BR>
<input type=text value="" name="change_value">
</form>
</body>
</html>
'Language > JAVASCRIPT' 카테고리의 다른 글
| javascript : event.keyCode (0) | 2010.10.01 |
|---|---|
| 브라우져에서 입력 키값 찾아내기 ! (0) | 2010.01.18 |
| [스크립트] [퍼옴] 즐겨찾기에 추가 (IE, FF, Opera 지원) (0) | 2010.01.18 |
| 같은 페이지 계속 리로드(리로딩)하는 자바스크립트소스 (0) | 2009.03.08 |