얼마전에 CDMANI 님 블로그에 간적이 있습니다. 더블클릭으로 블로그를 더 편하게라는 포스팅을 보고 저도 해봤는데 이게 은근히 편하더군요~ 그래서 여러분에게 소개 할까 합니다.

사실 별로 어렵지 않은 팁이라서, 여러분도 쉽게 적용해서 유용하게 사용할수 있습니다.
자 먼저 어떻게 작동하는지에 대해서 보여드리겠습니다.

지금 바로 제 블로그에 빈공간에 마우스로 더블 클릭을 해보시고, 다시 더블 클릭을 해보세요!

해보셨나요!
해보신분은 아시겠지만, 아무곳이나 한번 더블 클릭하면 맨 하단으로 내려가고, 또 한번 더블 클릭하면 맨 상단으로 올라옵니다. 즉 한번에 맨 상단으로 또 다시 한번 하면 맨 하단으로 자동으로 이동 된다는겁니다.

소스는 다음과 같습니다.

<script language='javascript'>
    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=99999; toggle=1;
            }
            else
            {
                var sc=0; toggle=0;
            }
            window.scrollTo(0,sc)
        }
    }
</script>

위의 소스를 블로그의 HTML/CSS 에서 <HEAD>와 </HEAD> 사이에 넣어주면 됩니다.

위의 소스는 IE6, IE7, FIREFOX 3.0 에서 정상 작동중이라고 CDMANI님께서 말씀 해주셨습니다. ㅎㅎ

대부분의 블로그에서는 TOP으로 이동하는 아이콘이 스크롤바를 따라 다닙니다. 그건 마우스로 해당 부분을 클릭 해야지만, 이 소스는 어떤곳이든 아무곳에서나 더블 클릭하면 바로 상단으로 이동하고 확인후에 다시 더블 클릭하면 맨 하단으로 이동 하기 때문에, 유용함이 더 합니다.

그리고 방문자도 알아볼수 있게 저처럼 댓글 창 밑에다가 더블 클릭시 맨 상단으로 이동합니다라고 문구를 써주시는것도 좋습니다.^^/

2009년 12월 18일 추가
위의 소스 내용중에 두번째 줄인 toggle=0;  의 0을 1로 변경하면 처음 더블클릭시 작동되는 부분이 상단부터 이동하게 됩니다...

위의 소스대로만 적용하시면 처음 더블클릭시 하단부터 이동하게 됩니다....

신고
홈으로
공감
Post by : 재아
{ ? }※ 스팸 트랙백 차단중 ...

여러분의 소중한 댓글입니다.

  1. 우와 이거 진짜 편한데요 근데 긴글 포스팅은 중간에 못 읽잔아요

    • 보통 블로그 상단에서 더블 클릭해서 아래로 내려오는 경우는 극히 드문 경웁니다. 글을 다 읽고 맨 아래로 내려가거나 맨 위로 올라가는경우가 대부분이기 때문에 사용하시면 편리하실꺼에요 ^^//

  2. 제 블로그도 탑버큰도 있지만 더블클릭하면 상단으로 이동 하는데 알림글로 올려서 모르는 분이 많겠어요...ㅎㅎ
    문구를 하나 넣어야 겠어요..땡큐~
    근데 지금 제 블로그가 접속 불가라는.....흑흑

    • 하긴 top버튼은 알림문구 없이도 다들 알고 있는 상태지만, 더블 클릭은 문구를 알려주지 않으면 모르는경우가 많습니다.^^//

      ㅋㅋ..

  3. 신기하네요. +_+
    댓글 볼때 편리하겠꾼요.

    • 근데 전체 모든 블로그가 그런건 아니고 ㅋㅋ 소스를 적용한 블로그만 된다는게 또 ㅋㅋ.
      어떻게 보면 방문자보다는

      주인장 블로거 자신을 위해서도 ~ 편할수도 있습니다.

  4. 오! 아주 편하네요. 잘 쓰겠습니다.

  5. 생각보다 편하네요~~ 제블로그에도 적용했습니다.
    감사합니다. ^^*

    • 네에 ^^;; 방문자도 쓰게 하실려면 어떤 문구를 써주셔야 하고. 더블 클릭시 맨 상단으로 갑니다라고 알려주셔야 하고, 꼭 그렇지 않다면 본인만 써도 상관은 없습니다.

      어차피 이러나 저러나 조금은 편하고자 하는거니깐요^^

  6. 편하네요..^^
    전에는 Home과 End를 사용했었어요..ㅎ

    • 으흠 그런방법도 있군요~~...

      좋은 팁입니다..~~ 어차피 따로 공개메세지를 남기지 않으면 ^^; 블로그 주인장만 사용을 해도 괜찮을듯 합니다~

  7. 저도 랙백이 보냈습니다.^ ^

  8. 퍼갈께요^^
    그런데 맨위는 구글 광고땜에 안되네여..
    허락안하시면 말씀 하세요^^

  9. 안녕하세요? 나도 디지털 영화 판매자 <쿨잼> 입니다.
    이제 블로그에서도 위젯 및 링크 등을 통해 합법 다운로드 영화를 판매하실 수 있습니다.

    블로그 방문자 수도 올리고, 판매를 통한 수익창출도 해보시는건 어떠세요?

    현재 아이팟 터치 지급 및 <여고괴담5> 판매 이벤트도 진행중이랍니다.

    http://www.cooljam.co.kr

  10. 좋은 정보 감사합니다. 재아님 블로그 타고 CDMANI님 블로그도 다녀왔습니다. ^^ 유익한 두분다 알찬 정보가 가득하네요 ^^ 저도 도움이 되는 포스팅이 되는 그날 까지 ㅎㅎ 잘 보고 갑니다.

  11. http://lifeinside.dyndns.org/

    여기에 적용하려했는데 잘안돼네요...

    • 다시 한번 천천히 해보세요!

      스크롤바를 내리고 더블 클릭을 해보시고

      다시 한번 해보시면 오르락 내리락 하시는걸 알수 있습니다.

  12. 바로 적용 했습니다^^
    이렇게 하나씩 하다보면 재아님 블로그 닮아 지겠군요 ㅎㅎㅎ

댓글을 달아주세요!

티스토리 툴바