본문 바로가기
유용한_팁/블로그_팁

더블클릭으로 블로깅을 편하게 하는 방법

by 씨디맨 2010. 6. 20.
320x100

더블클릭으로 블로그 위 아래로 움직이기


더블클릭으로 블로깅을 편하게 하는 방법을 소개합니다
예전에 이걸 설명하는 글을 썻었지만 내용도 길고 복잡해서 제가 간단히 다시 정리해보았습니다

더블클릭을 하면 블로그의 맨하단으로, 다시 더블클릭을 하면 맨 상단으로 이동되게 됩니다
(Internet Explorer 6,7 , FireFox 3.0.6 , 크롬 1.0.154.48 테스트 완료)  - gostopgo90 님이 크롬테스트 해주셨네요 감사합니다






제블로그에 빈 여백에 아무곳이나 더블클릭을 하면 한번은 맨하단으로 또한번 하면 맨 상단으로 이동하게 됩니다.
댓글을 바로 확인하거나 또는 메뉴로 바로 이동하고 싶을때 편리하게 사용할 수 있습니다.




자신의 블로그에 추가하는방법



주의 / 티스토리 경우 기존 스킨을 꼭 저장을 해놓고 작업하시기 바랍니다.

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="https://cdmanii.tistory.com/rss" />
<link rel="stylesheet" media="screen" type="text/css" href="./style.css" />
<link rel="shortcut icon" href="https://cdmanii.com/favicon.ico" />
<title>씨디맨의 컴퓨터이야기 :: 더블클릭으로 블로깅을 편하게 하는 방법</title>
<script src="./images/ff_ie_dbc.js" type="text/javascript"></script>
</head>

/* 설명 :  <head> 와 </head> 사이에 노란색의 내용을 입력합니다 */


3. 저장 후 적용되는지 확인 (블로그 아무여백에나 더블클릭을 실시)




더블클릭 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)
    }
}

최초 작성일 : 2009/02/12 15:27
반응형
저작자표시 비영리 변경금지 (새창열림)

'유용한_팁 > 블로그_팁' 카테고리의 다른 글

블로그팁 티스토리툴바 숨키기  (16) 2010.06.27
트위터 리트윗 버튼 자동 번역 Disable Google auto-translations  (5) 2010.06.22
블로그 상단 간결하게 유지하라 블로그 팁  (31) 2010.06.18
티스토리 블로그 팁 비밀공간을 만들어보자  (46) 2010.06.17
티스토리 블로그팁 태그를 적극 활용하세요  (31) 2010.06.04

관련글

댓글

티스토리툴바