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

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


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

더블클릭을 하면 블로그의 맨하단으로, 다시 더블클릭을 하면 맨 상단으로 이동되게 됩니다
(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="" />
<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. 저장 후 적용되는지 확인 (블로그 아무여백에나 더블클릭을 실시)




더블클릭 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
저작자 표시 비영리 변경 금지
Buzz this
me2DAY
pumpl icon
blog tip

이 글은 팀블로그 "씨디맨" 의 동의 없이 재배포 할 수 없습니다. 링크, 트랙백은 무제한 허용 *  [자세히보기]

댓글은 인연의 시작!

말도 안되는 댓글, 간단한 댓글도 환영합니다. 댓글은 항상 열려있습니다. 질문자끼리 토론도 허용합니다.
급한 질문은 질문/답변을 이용해 주세요!

댓글 입력 폼

  1. 머니야 머니야 2009/02/12 15:47

    크..나름 편한 팁인데요? 함 도입해보겠습니다^^

    perm. |  mod/del. |  reply.
    • cdmanii 2009/02/12 17:45

      그전에 제가 이글을 썻었거든요 그때는 JS 파일내용을 그대로 추가하는것이였는데 아무래도 좀 복잡해서 ;
      근데 많은 분들이 추가하셨더군요 가끔 블로그 가보면서 아무대나 더블클릭해보거든요 가끔 위아래로 왔다갔다 합니다 ㅎ

      밑으로만 내려가는 것도 있긴 했지만요 . 쓰다보면 아무사이트에서나 더블클릭하는 습관이 ;;

      perm. |  mod/del. |  reply.
  2. 넷물고기 2009/02/12 22:15

    엇,, 근데 cd 님 블로그 더블클릭 했더니 가끔씍 ctrl+a 와 같아지면서 최하단이 나오는것 같습니다. 음 3클릭을 했나 ?

    perm. |  mod/del. |  reply.
    • cdmanii 2009/02/12 22:18

      예상하신 3클릭이 맞을거예요 ㅋ;
      가끔 너무 빨리 누르면 스크롤이 강제로 밑으로 내려가던중에 마우스 클릭이 이루어져서

      마치 스크롤을 내리면서 글자를 다 드레그한것처럼 될수도 있습니다 ㅋ 드문경우구요 :)

      나중에 좀 이거 수정을해서 더블클릭하면 코멘트로 이동되게 수정해봐야겠네요

      perm. |  mod/del. |  reply.
  3. Deborah 2009/02/12 23:02

    오. 정말 좋은 팁이네요. 감사합니다. _ _

    perm. |  mod/del. |  reply.
    • cdmanii 2009/02/12 23:16

      위아래로 자주 내리는 분에게는 진짜 필요한 기능이죠 ㅋ

      perm. |  mod/del. |  reply.
  4. gostopgo90 2009/02/12 23:47

    더블클릭하고 깜짝 놀랐네요. 순간이동해버려서^^&

    크롬 1.0.154.48버전(최신버전)에서도 잘 되네요^^(현재 제 브라우저)

    perm. |  mod/del. |  reply.
    • cdmanii 2009/02/13 00:05

      엇 저를 위해서 베타테스터가 되어주셨네요 본문 수정해야겠네요 ㅋ 감사합니다 ^^

      perm. |  mod/del. |  reply.
  5. 라라 윈 2009/02/13 00:38

    긴 글에서는 스크롤 압박도 상당한데...
    저처럼 주렁주렁 달린거 많아 긴 글에 아주 좋겠는데요~~ ^^
    유용한 팁 감사해요~ ^^

    perm. |  mod/del. |  reply.
  6. 재우니 2009/02/13 00:48

    너무 좋네요..
    저도 반영했습니다.....
    유용한 팁 감사해요.

    perm. |  mod/del. |  reply.
  7. 행복박스 2009/02/13 01:56

    오~이거 너무 좋은데요~^^
    자꾸 클릭하게 되네요..
    신기해서~ㅎㅎㅎ

    perm. |  mod/del. |  reply.
    • cdmanii 2009/02/13 11:22

      저는 다른 블로그를 가더라도 무의식적으로 누르게 된다는
      더블클릭의 향수 ~

      perm. |  mod/del. |  reply.
  8. 또자쿨쿨 2009/02/13 11:25

    오 잼나는 군요... 더블클릭..

    perm. |  mod/del. |  reply.
    • cdmanii 2009/02/13 11:31

      ㅋ; 저는 하단부가 좀 길어서 ;; 몇번하시다보면 짜증나실지도 모르겠네요 ㅠ 하단부에서 공백을 좀 두고 움직이도록 하는걸 한번 만들어봐야겠어요

      perm. |  mod/del. |  reply.
  9. 빛이드는창 2009/02/13 11:37

    유용하게 쓰겠어요^^
    감사합니다.

    perm. |  mod/del. |  reply.
  10. login 2009/02/13 12:16

    요고요고 요론게 있었군요..

    perm. |  mod/del. |  reply.
    • login 2009/02/13 12:46

      ㅠㅠ 이거 등록하다가 잘못한것도 없는데 사이드바 날아가삐고 엄청 ㅠㅠ 고생하고 있어요 ㅠㅠ 아이궁.. 티스토리 버근가 보다 ㅠㅠ 가끔 이렇던데 ㅠㅠ

      perm. |  mod/del. |  reply.
    • cdmanii 2009/02/13 12:54

      허걱 가끔 Skin.html 수정하면 그렇긴해요.
      스킨저장해두신것 없으신가요 ? 저장해두신것있다면 적용하면 사이드바도 그대로 다시 살아나거든요.

      만약 저장해두신것 없다면 ㅠㅠ

      스킨 설정 다 하신뒤 꼭 스킨 저장해두세요 저장해두면
      갑자기 엉망진창이 되더라도 1초만에 복구가능하거든요

      perm. |  mod/del. |  reply.
  11. 새벽5시 2009/02/13 15:23

    헉 이런것도 있었네요^^
    좋은정보 감사합니다

    perm. |  mod/del. |  reply.
    • cdmanii 2009/02/13 17:04

      새벽님은 댓글부분이 맨 하단에 있기때문에 적용하고 알려주면 댓글 달때 무진장 편할꺼에요.
      근데 수정하실때 혹시 사이드바 틀어질지 모르니 스킨저장후 해보세요 ^^

      perm. |  mod/del. |  reply.
  12. 빨간여우 2009/02/13 17:04

    재미있네요...

    눈 깜빡할 새에 오르고 내려가서 꼭 잡아야겠습니다..ㅋㅋㅋ

    perm. |  mod/del. |  reply.
    • cdmanii 2009/02/13 17:06

      엇 위에 댓글다는데 바로 댓글 다셨네요 ㅋ
      잡지는 못할거예요 너무 빨거든요 ㅋ

      제꺼는 하단부가 좀 길어서 지금 3단계로 왔다갔다 하게 하려고 만드는중입니다 ㅋ

      더블클릭하면 댓글로 이동 다시 더블클릭하면 하단 배너부로 이동. 또 더블클릭하면 맨상단으로 ~

      perm. |  mod/del. |  reply.
  13. † 하늘정원♪♬ 2009/02/13 17:18

    우와 좋은 정보 감사해요 ^^
    바로 해봤는데.. 이거 정말 버릇 되겠는데요,
    cdmanii처럼 다른 블로그 가서도....ㅋㅋ

    perm. |  mod/del. |  reply.
    • cdmanii 2009/02/13 22:31

      댓글이 많거나 아니면 본문을 길게적는분
      또는 빠른 블로깅을 원하는분에게는 딱입니다 ㅋ

      적응되면 정말 다른블로그에서 더블클릭을 하게 됩니다 ㅋㅋ

      perm. |  mod/del. |  reply.
  14. 한성민 2009/02/13 21:28

    오호~~~ 정말 편리한데요...^^
    전에도 이런 것을 볼 수가 있었는데 소스가 여기에 있었군요...
    재미도 있구요...

    perm. |  mod/del. |  reply.
    • cdmanii 2009/02/13 22:33

      네 ㅋ 저는 하단부가 좀 길어서 수정을 했네요 ㅋ
      공개한건 위아래로 최대로 왔다갔다 하게 되구요

      지금 제가 적용한건 하단부길이만큼 뺀만큼 이동하게 했구요. 3단계로 끊어서 왔다갔다 하려고 하니 이부분 잘안되네요. 좀더 연구를 해봐야할듯.

      지금 여기서 더블클릭하면 댓글 글쓰는부분 위에 딱 오는지 궁금하네요 저는 잘되는듯한데 해상도가 다른곳에서 또는 브라우저가 다른곳에서도 잘되는지는 아직모르겠거든요.

      perm. |  mod/del. |  reply.
  15. 러블리앙뚜 2009/02/13 22:25

    댓글남길때 댓글이 많으면 스크롤 내리기 힘든데....이거 아주 좋네요 ^^

    perm. |  mod/del. |  reply.
    • cdmanii 2009/02/13 22:33

      댓글 바로 남길때 적용해두면 너무 편해요 댓글이 길면 길수록 방문한 블로거들도 댓글달기가 편해져요 ㅋ

      perm. |  mod/del. |  reply.
  16. 김치군 2009/02/14 14:34

    오.. 이거 정말 좋네요 ^^*....

    저도 적용을 곧 해야 ㅋㅋ

    perm. |  mod/del. |  reply.
    • cdmanii 2009/02/14 15:09

      스킨 저장 해놓고 꼭 해보세요 ㅋ
      블로그 보니 맨하단쪽에 댓글란이 잘 보이기에 js 파일 파일 그냥 바로 쓰셔도 될듯하네요

      적용되고 블로그 찾아오시는 분들도 더블클릭알게되면 댓글달때 너무 편할듯해요

      perm. |  mod/del. |  reply.
  17. 마속 2009/02/14 22:28

    ㅋㅋ. . . 저는 인터넷 하다보면 습관적으로 빈곳에 마우스를 두고 클릭클릭하는 경우가 많은데. . . -.-;
    저런거 되어있는데 가면 순간 당황한답니다. . . ㅋㅋㅋ

    perm. |  mod/del. |  reply.
    • cdmanii 2009/02/14 23:57

      따닥 하고 누르시면 당황하실 수 도 있겠네요 한번만 누르시면 괜찮습니다 ㅋ; 저는 오히려 다른블로그를 가서 두번 무의식적으로 누릅니다 ㅋㅋ

      perm. |  mod/del. |  reply.
  18. JUYONG PAPA 2009/02/14 23:29

    아항...이 기능 정말 마음에 드는데요. ^__^
    저도 조만간에 설정해봐야겠습니다.

    perm. |  mod/del. |  reply.
    • cdmanii 2009/02/14 23:58

      스킨 저장 꼭 해두시고 해보세요. 미리 공지한뒤 댓글로 이동이 바로되게 딱 설정해두시면 댓글달때 블로거들이 편해하실겁니다 ㅋ

      perm. |  mod/del. |  reply.
  19. 심심맨 2009/02/20 11:20

    3번 이동을 하네요 처음에는 댓글로 두번째는 맨 밑으로 세번째 제일 위로!
    내 블로그에도 적용해볼까 흐흐 ㅋ 괜찮은듯

    아 3가지로 나누는것도 있군요

    perm. |  mod/del. |  reply.
    • cdmanii 2009/02/20 11:23

      심심맨님 블로그를 보면 하단에 다음 최신뉴스가 있군요 대략 800 정도 뺀 길이로 넣으면 될것같아요
      그러면 3단으로 착착 알아서 이동할것같네요

      800 은 제가 감으로 찍은 수치라 .. 600 정도 해야할것같기도 하구요 몇번 적용하다보면 딱 맞으리라고 생각합니다 ㅋ

      perm. |  mod/del. |  reply.
  20. 문준호 2009/03/14 21:58

    저도 탑 버튼의 정체와 뭐로 이뤄져 있는지 몰랐는데 이거군요~
    좋은 정보 감사합니다~

    perm. |  mod/del. |  reply.
  21.  Joa 2009/03/27 10:31

    와! 이거 정말 짱이에요~
    댓글 달 때 솔직히 내용 길면 스크롤 내리고 번잡스러웠는데 :-)
    감사합니다!

    perm. |  mod/del. |  reply.
    • cdmanii 2009/03/28 22:54

      하단쪽에 댓글창이 있으시기에 2단 이동 이용하시면 (위에 파일) 아주 유용하실거예요 ^^

      perm. |  mod/del. |  reply.
  22. 담덕01 2009/12/04 16:27

    궁금한게 있는데요..
    왜 제 티스토리 블로그에는 파일 업로드가 없을까요? ㅜ.ㅜ

    perm. |  mod/del. |  reply.
    • cdmanii 2009/12/04 16:36

      안녕하세요 ^^

      티스토리 관리자 페이지에 들어가신뒤 스킨 메뉴를 그냥 톡 눌러보시면 바로 아래에 3개의 버튼

      HTML/CSS 편집 , 파일업로드 , 다운로드

      이렇게 있을겁니다. 파일업로드를 누르신 뒤 파일을 올려주시면 됩니다. ^^

      perm. |  mod/del. |  reply.
    • 담덕 2009/12/04 16:49

      제 관리자 페이지에는 스킨메뉴를 톡 눌러보고 꽉 눌러봐도
      스킨 선택, HTML/CSS 편집, 사이드바 설정, 화면출력 설정, 카테고리 설정
      이것밖에 없어요.. ㅜ.ㅜ

      perm. |  mod/del. |  reply.
    • cdmanii 2009/12/04 17:18

      파일 업로드로 접근하는 방법이 여러가지가 있지만 좀 쉽게 그림으로 만들어봤어요 ^^

      http://cfile22.uf.tistory.com/image/1530891D4B18C54321EB57

      여기 보시면 바로 아실거예요 ^^

      아차 그림에서 빠드렸네요. 저렇게 들어간뒤, 오른편에 파일업로드라고 버튼이 있습니다. 그걸 누른뒤 업로드할 파일을 선택해주면 됩니다 ^^

      파일이름이 동일한걸 올리면 덮어서 올라가게 되니 이점 꼭 알아두시구요 ^^

      perm. |  mod/del. |  reply.
    • 담덕 2009/12/04 17:21

      아! 그냥 저기에 올려도 되는거군요.. ^^;;;
      전 저곳은 이미지 파일만 되는 줄 알았습니다.
      친절한 답변에 감사드립니다. ^^

      perm. |  mod/del. |  reply.
  23. 버섯공주 2010/06/20 11:28

    와 정말 유용한 정보네요. +_+

    perm. |  mod/del. |  reply.
  24. Design_N 2010/06/20 13:11

    요기능 잘만 이용하면 편하게 블로깅할 수 있죠 ㅋ
    일단 다른 분들 블로그 들어가면 더블클릭부터 해봐요 ㅎ

    perm. |  mod/del. |  reply.
  25. 미스터브랜드 2010/06/20 13:32

    재밌고 편리한 방법이네요...잘 보고 갑니다.

    perm. |  mod/del. |  reply.
  26. Mr.Pro 2010/06/20 23:03

    엥...적용아직 되는건가요....저는 더블클릭해도 안되네요

    perm. |  mod/del. |  reply.
    • 씨디맨 2010/06/20 23:21

      제블로그에는 아직 적용되어잇진 않습니다. ^^ 다만 위에 코드 적용시키면 바로 동작합니다. ^^

      perm. |  mod/del. |  reply.
  27. 백전백승 2010/06/21 00:00

    너무 유용한 정보인데 알겠는데 제 블로그에 설치한 자바스크립트와가 서로 충돌 걱정과 스킨 수정시 이상이 생길까봐 요즘은 자바스크립트 등을 설치하기가 겁나요.

    perm. |  mod/del. |  reply.
  28. 라라윈 2010/06/21 02:18

    이제 하나하나 따라서
    스킨 대공사를 시작해야겠는데요~ ^^

    perm. |  mod/del. |  reply.