더블클릭으로 블로그 위 아래로 움직이기
더블클릭으로 블로깅을 편하게 하는 방법을 소개합니다
예전에 이걸 설명하는 글을 썻었지만 내용도 길고 복잡해서 제가 간단히 다시 정리해보았습니다
더블클릭을 하면 블로그의 맨하단으로, 다시 더블클릭을 하면 맨 상단으로 이동되게 됩니다
(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
크..나름 편한 팁인데요? 함 도입해보겠습니다^^
그전에 제가 이글을 썻었거든요 그때는 JS 파일내용을 그대로 추가하는것이였는데 아무래도 좀 복잡해서 ;
근데 많은 분들이 추가하셨더군요 가끔 블로그 가보면서 아무대나 더블클릭해보거든요 가끔 위아래로 왔다갔다 합니다 ㅎ
밑으로만 내려가는 것도 있긴 했지만요 . 쓰다보면 아무사이트에서나 더블클릭하는 습관이 ;;
엇,, 근데 cd 님 블로그 더블클릭 했더니 가끔씍 ctrl+a 와 같아지면서 최하단이 나오는것 같습니다. 음 3클릭을 했나 ?
예상하신 3클릭이 맞을거예요 ㅋ;
가끔 너무 빨리 누르면 스크롤이 강제로 밑으로 내려가던중에 마우스 클릭이 이루어져서
마치 스크롤을 내리면서 글자를 다 드레그한것처럼 될수도 있습니다 ㅋ 드문경우구요 :)
나중에 좀 이거 수정을해서 더블클릭하면 코멘트로 이동되게 수정해봐야겠네요
오. 정말 좋은 팁이네요. 감사합니다. _ _
위아래로 자주 내리는 분에게는 진짜 필요한 기능이죠 ㅋ
더블클릭하고 깜짝 놀랐네요. 순간이동해버려서^^&
크롬 1.0.154.48버전(최신버전)에서도 잘 되네요^^(현재 제 브라우저)
엇 저를 위해서 베타테스터가 되어주셨네요 본문 수정해야겠네요 ㅋ 감사합니다 ^^
긴 글에서는 스크롤 압박도 상당한데...
저처럼 주렁주렁 달린거 많아 긴 글에 아주 좋겠는데요~~ ^^
유용한 팁 감사해요~ ^^
그렇죠. 댓글이 너무 길때는 유용하다는 ㅋ;
너무 좋네요..
저도 반영했습니다.....
유용한 팁 감사해요.
유용하셨다니 저도 기분이 좋네요 ^^
오~이거 너무 좋은데요~^^
자꾸 클릭하게 되네요..
신기해서~ㅎㅎㅎ
저는 다른 블로그를 가더라도 무의식적으로 누르게 된다는
더블클릭의 향수 ~
오 잼나는 군요... 더블클릭..
ㅋ; 저는 하단부가 좀 길어서 ;; 몇번하시다보면 짜증나실지도 모르겠네요 ㅠ 하단부에서 공백을 좀 두고 움직이도록 하는걸 한번 만들어봐야겠어요
유용하게 쓰겠어요^^
감사합니다.
유용하게 써주신다니 저도 기분이 좋네요 ㅋ
요고요고 요론게 있었군요..
ㅠㅠ 이거 등록하다가 잘못한것도 없는데 사이드바 날아가삐고 엄청 ㅠㅠ 고생하고 있어요 ㅠㅠ 아이궁.. 티스토리 버근가 보다 ㅠㅠ 가끔 이렇던데 ㅠㅠ
허걱 가끔 Skin.html 수정하면 그렇긴해요.
스킨저장해두신것 없으신가요 ? 저장해두신것있다면 적용하면 사이드바도 그대로 다시 살아나거든요.
만약 저장해두신것 없다면 ㅠㅠ
스킨 설정 다 하신뒤 꼭 스킨 저장해두세요 저장해두면
갑자기 엉망진창이 되더라도 1초만에 복구가능하거든요
헉 이런것도 있었네요^^
좋은정보 감사합니다
새벽님은 댓글부분이 맨 하단에 있기때문에 적용하고 알려주면 댓글 달때 무진장 편할꺼에요.
근데 수정하실때 혹시 사이드바 틀어질지 모르니 스킨저장후 해보세요 ^^
재미있네요...
눈 깜빡할 새에 오르고 내려가서 꼭 잡아야겠습니다..ㅋㅋㅋ
엇 위에 댓글다는데 바로 댓글 다셨네요 ㅋ
잡지는 못할거예요 너무 빨거든요 ㅋ
제꺼는 하단부가 좀 길어서 지금 3단계로 왔다갔다 하게 하려고 만드는중입니다 ㅋ
더블클릭하면 댓글로 이동 다시 더블클릭하면 하단 배너부로 이동. 또 더블클릭하면 맨상단으로 ~
우와 좋은 정보 감사해요 ^^
바로 해봤는데.. 이거 정말 버릇 되겠는데요,
cdmanii처럼 다른 블로그 가서도....ㅋㅋ
댓글이 많거나 아니면 본문을 길게적는분
또는 빠른 블로깅을 원하는분에게는 딱입니다 ㅋ
적응되면 정말 다른블로그에서 더블클릭을 하게 됩니다 ㅋㅋ
오호~~~ 정말 편리한데요...^^
전에도 이런 것을 볼 수가 있었는데 소스가 여기에 있었군요...
재미도 있구요...
네 ㅋ 저는 하단부가 좀 길어서 수정을 했네요 ㅋ
공개한건 위아래로 최대로 왔다갔다 하게 되구요
지금 제가 적용한건 하단부길이만큼 뺀만큼 이동하게 했구요. 3단계로 끊어서 왔다갔다 하려고 하니 이부분 잘안되네요. 좀더 연구를 해봐야할듯.
지금 여기서 더블클릭하면 댓글 글쓰는부분 위에 딱 오는지 궁금하네요 저는 잘되는듯한데 해상도가 다른곳에서 또는 브라우저가 다른곳에서도 잘되는지는 아직모르겠거든요.
댓글남길때 댓글이 많으면 스크롤 내리기 힘든데....이거 아주 좋네요 ^^
댓글 바로 남길때 적용해두면 너무 편해요 댓글이 길면 길수록 방문한 블로거들도 댓글달기가 편해져요 ㅋ
오.. 이거 정말 좋네요 ^^*....
저도 적용을 곧 해야 ㅋㅋ
스킨 저장 해놓고 꼭 해보세요 ㅋ
블로그 보니 맨하단쪽에 댓글란이 잘 보이기에 js 파일 파일 그냥 바로 쓰셔도 될듯하네요
적용되고 블로그 찾아오시는 분들도 더블클릭알게되면 댓글달때 너무 편할듯해요
ㅋㅋ. . . 저는 인터넷 하다보면 습관적으로 빈곳에 마우스를 두고 클릭클릭하는 경우가 많은데. . . -.-;
저런거 되어있는데 가면 순간 당황한답니다. . . ㅋㅋㅋ
따닥 하고 누르시면 당황하실 수 도 있겠네요 한번만 누르시면 괜찮습니다 ㅋ; 저는 오히려 다른블로그를 가서 두번 무의식적으로 누릅니다 ㅋㅋ
아항...이 기능 정말 마음에 드는데요. ^__^
저도 조만간에 설정해봐야겠습니다.
스킨 저장 꼭 해두시고 해보세요. 미리 공지한뒤 댓글로 이동이 바로되게 딱 설정해두시면 댓글달때 블로거들이 편해하실겁니다 ㅋ
3번 이동을 하네요 처음에는 댓글로 두번째는 맨 밑으로 세번째 제일 위로!
내 블로그에도 적용해볼까 흐흐 ㅋ 괜찮은듯
아 3가지로 나누는것도 있군요
심심맨님 블로그를 보면 하단에 다음 최신뉴스가 있군요 대략 800 정도 뺀 길이로 넣으면 될것같아요
그러면 3단으로 착착 알아서 이동할것같네요
800 은 제가 감으로 찍은 수치라 .. 600 정도 해야할것같기도 하구요 몇번 적용하다보면 딱 맞으리라고 생각합니다 ㅋ
저도 탑 버튼의 정체와 뭐로 이뤄져 있는지 몰랐는데 이거군요~
좋은 정보 감사합니다~
한번 적용해보세요 유용합니다 ^^
와! 이거 정말 짱이에요~
댓글 달 때 솔직히 내용 길면 스크롤 내리고 번잡스러웠는데 :-)
감사합니다!
하단쪽에 댓글창이 있으시기에 2단 이동 이용하시면 (위에 파일) 아주 유용하실거예요 ^^
궁금한게 있는데요..
왜 제 티스토리 블로그에는 파일 업로드가 없을까요? ㅜ.ㅜ
안녕하세요 ^^
티스토리 관리자 페이지에 들어가신뒤 스킨 메뉴를 그냥 톡 눌러보시면 바로 아래에 3개의 버튼
HTML/CSS 편집 , 파일업로드 , 다운로드
이렇게 있을겁니다. 파일업로드를 누르신 뒤 파일을 올려주시면 됩니다. ^^
제 관리자 페이지에는 스킨메뉴를 톡 눌러보고 꽉 눌러봐도
스킨 선택, HTML/CSS 편집, 사이드바 설정, 화면출력 설정, 카테고리 설정
이것밖에 없어요.. ㅜ.ㅜ
파일 업로드로 접근하는 방법이 여러가지가 있지만 좀 쉽게 그림으로 만들어봤어요 ^^
http://cfile22.uf.tistory.com/image/1530891D4B18C54321EB57
여기 보시면 바로 아실거예요 ^^
아차 그림에서 빠드렸네요. 저렇게 들어간뒤, 오른편에 파일업로드라고 버튼이 있습니다. 그걸 누른뒤 업로드할 파일을 선택해주면 됩니다 ^^
파일이름이 동일한걸 올리면 덮어서 올라가게 되니 이점 꼭 알아두시구요 ^^
아! 그냥 저기에 올려도 되는거군요.. ^^;;;
전 저곳은 이미지 파일만 되는 줄 알았습니다.
친절한 답변에 감사드립니다. ^^
와 정말 유용한 정보네요. +_+
요기능 잘만 이용하면 편하게 블로깅할 수 있죠 ㅋ
일단 다른 분들 블로그 들어가면 더블클릭부터 해봐요 ㅎ
재밌고 편리한 방법이네요...잘 보고 갑니다.
엥...적용아직 되는건가요....저는 더블클릭해도 안되네요
제블로그에는 아직 적용되어잇진 않습니다. ^^ 다만 위에 코드 적용시키면 바로 동작합니다. ^^
너무 유용한 정보인데 알겠는데 제 블로그에 설치한 자바스크립트와가 서로 충돌 걱정과 스킨 수정시 이상이 생길까봐 요즘은 자바스크립트 등을 설치하기가 겁나요.
이제 하나하나 따라서
스킨 대공사를 시작해야겠는데요~ ^^