본문 바로가기

컴퓨터이야기/JavaScript37

[트리메뉴]옵션 박스로 선택 가능하면서 드래그도 가능한 메뉴 이거 돌아당기다가 구한건데 참 놀랍다. 자바스크립트로 이렇게 까지 구현이 가능하다는 것은 음... 암튼 이눔은 사용법만이라도 익히고 싶은데... 2009. 11. 4.
[트리메뉴]드래그 드롭에 가능한 트리메뉴 이건 상당히 매력적인데 소스를 거의 분석하지 못했습니다. 나중에 해야지 하는데 할 수 있을런가...^^ php와 my_sql을 연동하여 업데이트까지 가능하도록 되어 있는 듯 한데 음... 2009. 11. 3.
[트리메뉴]개인적으로 선호하는 트리메뉴와 validator 실제로 사용해 보진 않았습니다. 그냥 html 로 만들어 진것 테스트만 했는데 괜찮은 것 같네요~ ㅎㅎ 다른것 보다 내가 선택한 것이 볼드 처리되어 남아 있다는 것이 매우 좋습니다. 위에것은 제가 이미지를 바꾼 것 이고 원본은 약간 다릅니다. html 파일이니깐 다운받아 확인해 보시면 되겠네요~ ㅎㅎ 2009. 11. 3.
[트리메뉴]윈도우 도움말 모양의 트리메뉴 윈도우 도움말 모양의 트리 메뉴 입니다. 일단은 html 파일과 3개의 js 파일이 있습니다. 그중에 tree.js 와 tree_tpl.js 파일은 분석이 어렵습니다. 그냥 쓰자구요~ ㅋㅋ 우리가 메뉴를 바꾸기 위해서는 tree_item.js 파일을 열어서 배열로 들어가 있는 내용들을 수정 하면 됩니다. js 형태를 asp , php, java(jsp) 같은 형태로 바꿔서 DB 연동해서 사용 할 수도 있겠네요~ ㅎㅎ 2009. 11. 3.
[트리메뉴]심플한 트리메뉴 심플한 트리 메뉴 입니다. ul 과 li 를 이용한 css 스타일 적용한 트리 메뉴 입니다. js 파일을 분석 하기가 어렵네요. 그냥 사용이나 하자구요~ ㅋㅋ html 파일을 열어서 ul 과 li 부분만 편집해서 사용하면 될 듯 합니다. 2009. 11. 3.
ul, li 를 이용한 메뉴 만들기 li를 이용해서 메뉴를 만들고 이것을 CSS 스타일로 입혀서 사용하는 것이 좋다고들 합니다. 왜인지는 아마도 웹 접근성 이나 웹 표준 때문 인듯 합니다. 2009. 10. 27.
정규식을 이용한 폼 체크 숫자만 전화번호 메일 도메인 영문 한글과숫자 한글과영문 한글만 아이디 날짜 중간쯤 보시면 // form_name.focus(); 를 주석 처리 하였습니다. 주석을 해제하게 되면 첫번째 인풋박스를 올바르게 입력하지 않고 두번째 인풋박스로 탭키를 눌러서 넘어가면 양쪽 모두 포커스가 먹어서 락이 발생합니다. 포커스 주는 것은 좀더 고민을 해봐야 할듯 합니다. ^^ 2009. 10. 8.
키보드 눌렸을때 이벤트 키값 코드 키보드 자판 비고 8 ← 빽 스페이스 9 Tab 13 Enter 자판과 숫자패드 둘다 16 Shift 양쪽 둘다 17 Ctrl 왼쪽 18 Alt 오른쪽만 왼쪽은 안됨 19 Pause Break 20 Caps Lock 25 한자 25 Ctrl 오른쪽 27 Esc 32 space 33 PageUp 34 PageDown 35 End 36 Home 37 ← 방향키 38 ↑ 방향키 39 → 방향키 40 ↓ 방향키 45 Insert 46 Delete 48 0 49 1 50 2 51 3 52 4 53 5 54 6 55 7 56 8 57 9 65 A 66 B 67 C 68 D 69 E 70 F 71 G 72 H 73 I 74 J 75 K 76 L 77 M 78 N 79 O 80 P 81 Q 82 R 83 S 84.. 2009. 9. 24.
반응형