반응형



<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
반응형


자바 스크립트 키 코드 값 구하는 함수.


<script language="JavaScript">

document.onkeydown = checkKeycode








function checkKeycode(e) {

    var keycode;

    if (window.event) keycode = window.event.keyCode;

    else if (e) keycode = e.which;

    alert("keycode: " + keycode);

}

</script>
 


/*

*

* 한글 입력 체크하기 위한 함수

* ex) <input type="text" name="Name" size="10" maxlength="15" onKeyPress="hangul();"  style="ime-mode:active;" >

* 

* 

*/

function hangul()

{

 if((event.keyCode < 12592) || (event.keyCode > 12687))

  event.returnValue = false;

}
/*

*

* 숫자 입력 체크하기 위한 함수

* ex) <input type="text" name="jumin" size="10" maxlength="13" onKeyPress="only_number();"   style="IME-MODE: disabled;" >

* 

* 

*/

function only_number()

{

 if((event.keyCode < 48) || (event.keyCode > 57))

  event.returnValue = false;

}


 
 
Key Code 
Reference Table





Key Pressed
Javascript Key Code
backspace
8
tab
9
enter
13
shift
16
ctrl
17
alt
18
pause/break
19
caps lock
20
escape
27
page up
33
page down
34
end
35
home
36
left arrow
37
up arrow
38
right arrow
39
down arrow
40
insert
45
delete
46
0
48
1
49
2
50
3
51
4
52
5
53
6
54
7
55
8
56
9
57
a
65
b
66
c
67
d
68
e
69
f
70
g
71
h
72
i
73
j
74
k
75
l
76
m
77
n
78
o
79
p
80
q
81
r
82
s
83
t
84
u
85
v
86
w
87
x
88
y
89
z
90
left window key
91
right window key
92
select key
93
numpad 0
96
numpad 1
97
numpad 2
98
numpad 3
99
numpad 4
100
numpad 5
101
numpad 6
102
numpad 7
103
numpad 8
104
numpad 9
105
multiply
106
add
107
subtract
109
decimal point
110
divide
111
f1
112
f2
113
f3
114
f4
115
f5
116
f6
117
f7
118
f8
119
f9
120
f10
121
f11
122
f12
123
num lock
144
scroll lock
145
semi-colon
186
equal sign
187
comma
188
dash
189
period
190
forward slash
191
grave accent
192
open bracket
219
back slash
220
close braket
221
single quote
222
반응형
저작자표시

'Language > JAVASCRIPT' 카테고리의 다른 글

자바스크립트 RGB 색상 함수 적용 예제  (0) 2011.04.28
브라우져에서 입력 키값 찾아내기 !  (0) 2010.01.18
[스크립트] [퍼옴] 즐겨찾기에 추가 (IE, FF, Opera 지원)  (0) 2010.01.18
같은 페이지 계속 리로드(리로딩)하는 자바스크립트소스  (0) 2009.03.08
반응형

http://jshotkeys.googlepages.com/test-static-01.html

자바스크립트_키값 찾기.zip


IE 에서 F11 을 완전히 가로채지 못하는 아쉬운 점이 있지만,
ctrl,alt,shift 방향키 같은것도 완벽히 가로채는 무서운 넘 입니다.
반응형
저작자표시

'Language > JAVASCRIPT' 카테고리의 다른 글

자바스크립트 RGB 색상 함수 적용 예제  (0) 2011.04.28
javascript : event.keyCode  (0) 2010.10.01
[스크립트] [퍼옴] 즐겨찾기에 추가 (IE, FF, Opera 지원)  (0) 2010.01.18
같은 페이지 계속 리로드(리로딩)하는 자바스크립트소스  (0) 2009.03.08

+ Recent posts

티스토리툴바