이야기 마을

String.fromCharCode(code)

alert(String.fromCharCode(65)); //하면 "A" 가 출력된다는 음...chr(?) 같은 -0-;;;;;

자바스크립에서 event 객체에서 얻을수 있는 keyCode(대소문자구분) 값

==============================

←(백스페이스) = 8
TAB = 9
ENTER = 13
SHIFT = 16
CTRL = 17
ALT = 18
PAUSEBREAK = 19
CAPSLOOK = 20
한/영 = 21
한자 = 25
ESC = 27

스페이스 = 32

PAGEUP = 33
PAGEDN = 34
END = 35
HOME =36

←(중간) = 37
↑(중간) = 38
→(중간) = 39
↓(중간) = 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

윈도우(왼쪽) = 91
윈도우(오른쪽) = 92
기능키 = 93

0(오른쪽) = 96
1(오른쪽) = 97
2(오른쪽) = 98
3(오른쪽) = 99
4(오른쪽) = 100
5(오른쪽) = 101
6(오른쪽) = 102
7(오른쪽) = 103
8(오른쪽) = 104
9(오른쪽) = 105

.(오른쪽) = 110
/(오른쪽) = 111
*(오른쪽) = 106
+(오른쪽) = 107
-(오른쪽) = 109

F1 = 112
F2 = 113
F3 = 114
F4 = 115
F5 = 116
F6 = 117
F7 = 118
F8 = 119
F9 = 120
F10 = 121
F11 = 122
F12 = 123

NUMLOCK = 144
SCROLLLOCK = 145
=(중간) = 187
-(중간) = 189
`(왼쪽콤마) = 192
\(중간) = 220

음...이걸 팁이라고 올리기도 그렇고... 이렇게 이미 사용하는 사람도 많을테지만...뭐...-0-;;;;

한테이블의 컬럼안에서 텍스트와 이미지의 높낮이가 다를 경우
이미지에 align을 absmiddle로 주어 어느정도 맞추기도하지만
그래도 정 이상하다 싶을 경우에 사용하자

공백이미지를 텍스트 앞에 넣어주는 방법

텍스트 <이미지>

이렇게 되어있을 경우 높낮이가 서로맞지 않아 align을 맞추어봐도 맘에들지 않을 경우

텍스트앞에 공백이미지를 삽입하자

<공백이미지> 텍스트 <이미지> 이렇게 물론 흰색이미지를 이용하여도 되지만

그냥 단순히 <img src="" width=1 height=11> 주소를 없애도 되고 또는 about:blank를 주어도 된다.

보다시피 width는 1이라고 주었지만 height에 값이 들어가있다 컬럼에 따라 height값을 대략 조정해주면

될것 같다. 하지만 생각에 대략 저높이면 대부분 들어맞을것 같은 생각이...-0-;;;

ALIGN="TOP | BOTTOM | MIDDLE | LEFT | RIGHT | TEXTTOP | ABSMIDDLE | BASELINE | ABSBOTTOM"
HSPACE="좌·우 여백"
VSPACE="위·아래 여백"

=====================================

텍스트와 맞출때 absmiddle를 사용하기도 하지만 뭐 여백이나 위 아래 여러가지가있다

background-image: url(../image.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    background-color: #EEE1F3;

    text-align: center;
    font-weight: bold;
    font-size: 11px;
    line-height: 17px;
    letter-spacing: -1px

    scrollbar-face-color: #DFDFDF;
    scrollbar-shadow-color: #BABABA;
    scrollbar-highlight-color: #DFDFDF;
    scrollbar-3dlight-color: #BABABA;
    scrollbar-darkshadow-color: #DFDFDF;
    scrollbar-track-color: #EAE8E4;
    scrollbar-arrow-color: white;

=============================================

종종 쓰는 스타일인데 내가 디자너가 아니라 직접 쓰는일이 많지 않아 막상 쓰려고 하다보면 기억이 안난다..-0-;;
매번 필요할때마다 찾아본다는....ㅡㅡ;;;
뭐 설명은 영어 그대로-0-//