뽀라닷컴
Loading...

첫화면 육아교육 웹디자인 요리메모 한자쓰기




웹디자인,포토샵,그누보드,제로보드,동영상제작 관련 메모 >>


┃전체(437)┃인터넷,컴퓨터 (94) | 웹디자인tip (182) | CG,그래픽tip (70) | BBS_Tip (74) | 영상tip (17) |
웹페이지별 단축기 페이지 이동 소스 2008-04-28 03:16:12
홈페이지홈페이지

홈페이지 내에서 페이지 이동을
마우스 클릭대신 키보드 하나만으로 할수 있는 방법입니다~
지금 리니홈에서두 적용한거구요..^^
아래 소스를 <head>와 </head>사이에 넣어주세요..

<script language="JavaScript">

// 핫키 함수설정
function movePage() {
var EventStatus = event.srcElement.tagName;
if(EventStatus!='INPUT'&&EventStatus!='TEXTAREA') {

// 홈페이지 메인으로 이동. 키값 [H,h]
if (event.keyCode=='72') location.href="http://홈페이지 주소";
if (event.keyCode=='104') location.href="http://홈페이지 주소";

// 페이지 1로 이동. 키값 [B,b]
if (event.keyCode=='66') location.href="http://페이지 1주소";
if (event.keyCode=='98') location.href="http://페이지 1주소";

// 페이지 2로 이동. 키값 [S,s]
if (event.keyCode=='83') location.href="http://페이지 2주소";
if (event.keyCode=='115') location.href="http://페이지 2주소";

// 페이지 3으로 이동. 키값 [M,m]
if (event.keyCode=='77') location.href="http://페이지 3주소";
if (event.keyCode=='109') location.href="http://페이지 3주소";

// 페이지 4로 이동. 키값 [F,f]
if (event.keyCode=='70') location.href="http://페이지 4주소";
if (event.keyCode=='102') location.href="http://페이지 4주소";
}
}
document.onkeypress=movePage;
</script>


수정은 이렇게 하시면 됩니다.
페이지 주소 다 수정하시구요..
(특정게시판으로 이동하게 하시려면 제로보드 게시판주소를 적으시면 되겠죠)
핫키에 따라 keyCode=='70' 여기의 숫자를 바꿔주시면 됩니다.

예를들어, 저 소스에서 홈페이지 메인으로 이동이 H와 h로 설정되어 있는게 주석에 보이시죠?
H 에 해당하는 keyCode가 keyCode=='72' 라고 되어있으므로 72구요..
h 에 해당하는 keycode가 keyCode=='104' 라고 되어있으므로 104에 해당합니다.
대문자 소문자 모두 적용하기 위해 저렇게 키코드를 두개 정해준 겁니다.

알파벳에 따라 키코드도 당연히 다르겠죠..
대문자는 A=65, B=66, C=67, D=68, E=69 순으로 1씩 커지구요..
소문자는 a=97, b=98, c=99, d=100, e=101 순으로 1씩 커집니다.


또 핫키를 등록할 페이지를 늘리시려면

// 페이지 4로 이동. 키값 [G,g]
if (event.keyCode=='71') location.href="http://페이지 5주소";
if (event.keyCode=='103') location.href="http://페이지 5주소";

이런식으로 소스를 추가하시면 됩니다.
만약에 홈이 노프레임 이라면 모든 페이지에 핫키 소스를 넣어야 어디서든지 핫키로 이동할수 있겠죠..
한군데만 저 소스를 넣어면 안된다는 얘기에요..^^

-------------------------------------------------------------------------------------------------

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

a 97
b 98
c 99
d 100
e 101
f 102
g 103
h 104
i 105
j 106
k 107
l 108
m 109
n 110
o 111
p 112
q 113
r 114
s 115
t 116
u 117
v 118
w 119
x 120
y 121
z 122




    



목록보기 삭제하기

번호 제목 일자
237  [인터넷,컴퓨터] 윈도우 업데이트 Microsoft .net framework 설치 오...  2008-04-30
236  [인터넷,컴퓨터] 윈도우 시작프로그램 목록 지우기  2018-04-18
235  [인터넷,컴퓨터] 윈도우 시작 > 모든프로그램 목록 편집 폴더 만들기~!  2011-05-13
234  [인터넷,컴퓨터] 윈도우 빈폴더 삭제  2012-11-13
233  [인터넷,컴퓨터] 윈도우 명령어  2013-09-21
232  [인터넷,컴퓨터] 윈도우 메시지 박스 복사  2009-03-16
231  [인터넷,컴퓨터] 윈도우 마우스 오른쪽 이미지 썸네일 뷰 XnShell3.50  2013-10-15
230  [웹디자인tip] 위아래로 이동되는 스크롤바 따라다니는 레이어  2017-09-21
 [웹디자인tip] 웹페이지별 단축기 페이지 이동 소스  2008-04-28
228  [웹디자인tip] 웹페이지 이동시 로딩화면 만들기  2009-02-14
227  [웹디자인tip] 웹페이지 숨기기  2008-04-27
226  [웹디자인tip] 웹페이지 모든 글자를 같은 크기로  2008-04-27
225  [웹디자인tip] 웹페이지 나눔고딕,한나 폰트 css 적용하기  2017-08-27
224  [웹디자인tip] 웹페이지 경로의 이해.  2008-06-03
223  [인터넷,컴퓨터] 웹에서 글쓰다 날라갔을 때.  2008-04-27
222  [BBS_Tip] 웹에디터 기능의 제로보드 게시판 스킨  2008-04-27
221  [인터넷,컴퓨터] 웹FTP 접속 프로그램  2009-03-04
220  [CG,그래픽tip] 와우이미지에디터  2008-04-27
219  [웹디자인tip] 옵션태그 링크 만들기  2008-04-27
218  [인터넷,컴퓨터] 오토캐드 뷰어 brava free dwg viewer  2014-09-19
217  [영상tip] 오디오시디 cda -> mp3 변환  2008-05-15
216  [웹디자인tip] 오늘의 날짜 소스.  2008-04-27
215  [웹디자인tip] 오늘 창 닫기 소스.  2008-04-27
214  [웹디자인tip] 예쁜 계산기  2008-04-27
213  [BBS_Tip] 여러개의 게시판 header 와 footer 하나로 관리  2009-03-21
목록보기
12345678910