더블클릭으로 블로그 위 아래로 움직이기
더블클릭으로 블로깅을 편하게 하는 방법을 소개합니다
예전에 이걸 설명하는 글을 썻었지만 내용도 길고 복잡해서 제가 간단히 다시 정리해보았습니다
더블클릭을 하면 블로그의 맨하단으로, 다시 더블클릭을 하면 맨 상단으로 이동되게 됩니다
(Internet Explorer 6,7 , FireFox 3.0.6 , 크롬 1.0.154.48 테스트 완료) - gostopgo90 님이 크롬테스트 해주셨네요 감사합니다
제블로그에 빈 여백에 아무곳이나 더블클릭을 하면 한번은 맨하단으로 또한번 하면 맨 상단으로 이동하게 됩니다.
댓글을 바로 확인하거나 또는 메뉴로 바로 이동하고 싶을때 편리하게 사용할 수 있습니다.
자신의 블로그에 추가하는방법
ff_ie_dbc.js주의 / 티스토리 경우 기존 스킨을 꼭 저장을 해놓고 작업하시기 바랍니다.
1. JS 파일을 다운로드 후 자신의 스킨폴더에 업로드합니다.
블로그 → 관리자 페이지(Q) → 스킨 → 파일업로드 → JS 파일 업로드
2. HTML/CSS편집 에서 <head> </head> 사이에 아무곳에나 아래의 코드를 입력
<script src="./images/ff_ie_dbc.js" type="text/javascript"></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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="alternate" type="application/rss+xml" title="" href="" />
<link rel="stylesheet" media="screen" type="text/css" href="./style.css" />
<link rel="shortcut icon" href="favicon.ico" />
<title> :: </title>
<script src="./images/ff_ie_dbc.js" type="text/javascript"></script>
</head>
/* 설명 : <head> 와 </head> 사이에 노란색의 내용을 입력합니다 */
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="alternate" type="application/rss+xml" title="" href="" />
<link rel="stylesheet" media="screen" type="text/css" href="./style.css" />
<link rel="shortcut icon" href="favicon.ico" />
<title> :: </title>
<script src="./images/ff_ie_dbc.js" type="text/javascript"></script>
</head>
/* 설명 : <head> 와 </head> 사이에 노란색의 내용을 입력합니다 */
더블클릭 3단 이동 시키기
제 블로그처럼 하단에 어느정도 다른 공간이 있는경우
1번 더블클릭시에는 하단부를 제외한 (수치조정가능 기본값 2000 으로 지정) 만큼 이동하고,
2번 더블클릭시에는 맨 하단부로 이동,
3번 더블클릭시에는 맨 상단으로 가도록 수정.
// js 파일에 내용을 아래와 같이 수정, 빨간 숫자
2000 은 하단부의 길이만큼 지정
toggle=0;
document.ondblclick = function(event)
{
if(window.event)
{
EventStatus = window.event.srcElement.tagName;
}
else
{
EventStatus = event.target.tagName;
}
if(EventStatus!='INPUT'&&EventStatus!='TEXTAREA')
{
if(toggle==0)
{
var sc=document.body.scrollHeight - 2000; toggle=1;
}
else if(toggle == 1)
{
var sc=99999; toggle=2;
}
else if(toggle == 2)
{
var sc=0; toggle=0;
}
window.scrollTo(0,sc)
}
}
toggle=0;
document.ondblclick = function(event)
{
if(window.event)
{
EventStatus = window.event.srcElement.tagName;
}
else
{
EventStatus = event.target.tagName;
}
if(EventStatus!='INPUT'&&EventStatus!='TEXTAREA')
{
if(toggle==0)
{
var sc=document.body.scrollHeight - 2000; toggle=1;
}
else if(toggle == 1)
{
var sc=99999; toggle=2;
}
else if(toggle == 2)
{
var sc=0; toggle=0;
}
window.scrollTo(0,sc)
}
}
최초 작성일 : 2009/02/12 15:27
Rss 2.0