반응형



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

FF에서는 즐겨찾기에 추가 자바스크립트가 아예 안 되는줄 알았는데
구글링을 해보니 아주 좋은 소스가 있더군요.
Tip&Tech 게시판을 검색해 봤는데 없는 것 같아
올립니다.



※ 출처:
-------------
http://www.dynamicdrive.com/dynamicindex9/addbook.htm





※ 소스:
-------------
<script type="text/javascript">

/***********************************************
* Bookmark site script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

/* Modified to support Opera */
function bookmarksite(title,url){
if (window.sidebar) // firefox
    window.sidebar.addPanel(title, url, "");
else if(window.opera && window.print){ // opera
    var elem = document.createElement('a');
    elem.setAttribute('href',url);
    elem.setAttribute('title',title);
    elem.setAttribute('rel','sidebar');
    elem.click();
}
else if(document.all)// ie
    window.external.AddFavorite(url, title);
}
</script>





※ 적용시 HTML:
--------------------------
<a href="javascript:bookmarksite('홈페이지 제목', 'http://www.abc.com')">즐겨찾기에 추가</a>
반응형
저작자표시

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

자바스크립트 RGB 색상 함수 적용 예제  (0) 2011.04.28
javascript : event.keyCode  (0) 2010.10.01
브라우져에서 입력 키값 찾아내기 !  (0) 2010.01.18
같은 페이지 계속 리로드(리로딩)하는 자바스크립트소스  (0) 2009.03.08
반응형

<SCRIPT>
<!--
function reload() {
var timeleft = time.left;
 timeleft.value = timeleft.value - 1;
 if (timeleft.value < 1) window.Location="monitoring.html" ;
//this would point to this page if you wanted to reload.
//Here I'm using it to keep people from just sitting on this page.
 {setTimeout('reload()',1000);}
}

setTimeout('reload()',1000)
//-->
</SCRIPT>

 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>모니터링</title>
</head>

<body>
<FORM NAME="time">
 auto reload time : <INPUT TYPE=TEXT NAME="left" VALUE=60> seconds left</FORM>
<iframe name="portal" src="http://www.socialservice.or.kr/" height="1024" width="1280" ></iframe>
</body>
</html>

반응형

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

자바스크립트 RGB 색상 함수 적용 예제  (0) 2011.04.28
javascript : event.keyCode  (0) 2010.10.01
브라우져에서 입력 키값 찾아내기 !  (0) 2010.01.18
[스크립트] [퍼옴] 즐겨찾기에 추가 (IE, FF, Opera 지원)  (0) 2010.01.18

+ Recent posts

티스토리툴바