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

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


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

더블클릭을 하면 블로그의 맨하단으로, 다시 더블클릭을 하면 맨 상단으로 이동되게 됩니다
(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="[##_title_##]" href="[##_rss_url_##]" />
<link rel="stylesheet" media="screen" type="text/css" href="./style.css" />
<link rel="shortcut icon" href="[##_blog_link_##]favicon.ico" />
<title>[##_title_##] :: [##_page_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
저작자 표시 비영리 변경 금지
신고

이 글은 "씨디맨" 의 동의 없이 전문 재배포 금지. 링크 및 트랙백은 허가 없이 무제한 허용 *  [자세히보기]

질문 또는 댓글을 남겨 주세요.

질문글은 무조건 답변 드리겠습니다. 이곳에 질문을 올려주세요.
이 글과 연관이 없는 급한 질문은 빠른 질문/답변을 이용해 주세요!

댓글 입력 폼

:)   :(   --;   :D   :O   :x   r:r   g;g   i;t   s;s

     이미지 업로드  [무료이미지 업로드 방법 설명]

  1. 이전 댓글 더보기
  2. 마니또피부관리실 2009.02.13 15:23 신고

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

    perm. |  mod/del. |  reply.
    • 씨디맨 2009.02.13 17:04 신고

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

      perm. |  mod/del. |  reply.
  3. 빨간여우 2009.02.13 17:04 신고

    재미있네요...

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

    perm. |  mod/del. |  reply.
    • 씨디맨 2009.02.13 17:06 신고

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

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

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

      perm. |  mod/del. |  reply.
  4. gracias_ 2009.02.13 17:18 신고

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

    perm. |  mod/del. |  reply.
    • 씨디맨 2009.02.13 22:31 신고

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

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

      perm. |  mod/del. |  reply.
  5. 한성민 2009.02.13 21:28 신고

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

    perm. |  mod/del. |  reply.
    • 씨디맨 2009.02.13 22:33 신고

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

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

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

      perm. |  mod/del. |  reply.
  6. 시크릿걸 2009.02.13 22:25 신고

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

    perm. |  mod/del. |  reply.
    • 씨디맨 2009.02.13 22:33 신고

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

      perm. |  mod/del. |  reply.
  7. 김치군 2009.02.14 14:34 신고

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

    저도 적용을 곧 해야 ㅋㅋ

    perm. |  mod/del. |  reply.
    • 씨디맨 2009.02.14 15:09 신고

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

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

      perm. |  mod/del. |  reply.
  8. 마속 2009.02.14 22:28 신고

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

    perm. |  mod/del. |  reply.
    • 씨디맨 2009.02.14 23:57 신고

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

      perm. |  mod/del. |  reply.
  9. JUYONG PAPA 2009.02.14 23:29 신고

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

    perm. |  mod/del. |  reply.
    • 씨디맨 2009.02.14 23:58 신고

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

      perm. |  mod/del. |  reply.
  10. 심심맨 2009.02.20 11:20 신고

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

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

    perm. |  mod/del. |  reply.
    • 씨디맨 2009.02.20 11:23 신고

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

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

      perm. |  mod/del. |  reply.
  11. 문준호 2009.03.14 21:58 신고

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

    perm. |  mod/del. |  reply.
  12. Joa. 2009.03.27 10:31 신고

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

    perm. |  mod/del. |  reply.
    • 씨디맨 2009.03.28 22:54 신고

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

      perm. |  mod/del. |  reply.
  13. 담덕01 2009.12.04 16:27 신고

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

    perm. |  mod/del. |  reply.
    • 씨디맨 2009.12.04 16:36 신고

      안녕하세요 ^^

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

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

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

      perm. |  mod/del. |  reply.
    • 담덕 2009.12.04 16:49 신고

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

      perm. |  mod/del. |  reply.
    • 씨디맨 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.
  14. 버섯공주 2010.06.20 11:28 신고

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

    perm. |  mod/del. |  reply.
  15. Design_N 2010.06.20 13:11 신고

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

    perm. |  mod/del. |  reply.
  16. 미스터브랜드 2010.06.20 13:32 신고

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

    perm. |  mod/del. |  reply.
  17. Mr.Pro 2010.06.20 23:03 신고

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

    perm. |  mod/del. |  reply.
    • 씨디맨 2010.06.20 23:21 신고

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

      perm. |  mod/del. |  reply.
  18. 백전백승 2010.06.21 00:00 신고

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

    perm. |  mod/del. |  reply.
  19. 라라윈 2010.06.21 02:18 신고

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

    perm. |  mod/del. |  reply.
  20. 니뽄 2010.09.12 16:44 신고

    도입해보니까 상당히 편리한것같아요 !

    감사합니다 .. !

    앞으로도 종종 들리도록 하겠어요 !

    perm. |  mod/del. |  reply.
  21. iChunjoo 2012.07.13 13:02 신고

    좋은 자료 감사합니다^^

    perm. |  mod/del. |  reply.