'Programming/Javascript'에 해당되는 글 40건
NOTICE
로그인 폼 꾸미기(?)
일반적인 로그인 폼은 이렇게 생겼다. 이제 여기에 약간 꾸미면 이렇게 변신(?)한다. 그리고 여기에다가 Javascript를 넣어서 클릭할 때 글씨가 사라지고 그런다. 문제는 패스워드 입력하는 부분은 저렇게 점 형식으로 되어 있다. 이 문제점을 보완하기(?) 위해서 저 부분을 보통 이미지로 처리한다. [샘플] 우선 텍스트처럼 생겼지만 아이디, 비밀번호라고 된 부분은 하나의 이미지다. 저 이미지를 갖고 아이디 박스에선 이미지 정렬을 왼쪽 상단으로 맞추고 비밀번호에서는 오른쪽 상단으로 맞춘다. 부분을 보면 알 수가 있다. 귀찮아서 자세한 설명은 생략한다. -_-;;
이미지 랜덤하게 보여 주기
[이미지명이 숫자로 순차적으로 올라가는 경우] [code][/code] 그냥 random()*2 이 부분을 보시면 숫자 2가 범위에 속합니다. 실제로 그러면 이미지가 이미지0.gif 이미지1.gif 이미지2.gif 이렇게 총 세 개가 있으면 됩니다. 이미지명이 1부터 시작해서 3번까지 있다고 하면 Math.round(Math.random()*2+1); 이렇게만 해 주시면 됩니다. [이미지명이 뒤죽박죽인 경우] [code][/code] 배열은 0부터 시작입니다. 그러니까 Num에서 오는 값이 0에서부터 2까지니까 0, 1, 2 총 세 가지 IMG[0]은 http://static.naver.com/newscast/2010/0709/1136071850877058.jpg var IMG ~~~~ 저 부분이 드러워..
bookmark
[code] [/code]
객체 생성하기
click 1 2 3 위와 같이 했을 경우 click 1 2 3 위에 Click라는 걸 클릭해 보면 알 수가 있다. 객체가 생성된다. 다만 위치가 무조건 제일 마지막에 붙는다는 거~ document.getElementById("test").appendChild(obj); 이 부분을 test.insertBefore(obj, test02.nextSibling); 이걸로 바꿔 주게 되면 test02 뒤로 가서 생성이 된다. 안타깝게도 여기서는 테스트가 불가능하다.
전체 선택, 해제
[test] 전체 선택 1 2 3 4 [/test]
event key code
이벤트(Event) Key code 정리 키코드 사용키(시스템) 키코드 사용키(숫자) 13 ENTER 48 0 27 ESC 49 1 32 SPACE BAR 50 2 51 3 52 4 53 5 54 6 55 7 56 8 57 9 키코드 사용키(영어 대문자) 키코드 사용키(영어 소문자) 65 A 97 a 66 B 98 b 67 C 99 c 68 D 100 d 69 E 101 e 70 F 102 f 71 G 103 g 72 H 104 h 73 I 105 i 74 J 106 j 75 K 107 k 76 L 108 l 77 M 109 m 78 N 110 n 79 O 111 o 80 P 112 p 81 Q 113 q 82 R 114 r 83 S 115 s 84 T 116 t 85 U 117 u 86 V 118 v ..