얼마전에 CDMANI 님 블로그에 간적이 있습니다. 더블클릭으로 블로그를 더 편하게라는 포스팅을 보고 저도 해봤는데 이게 은근히 편하더군요~ 그래서 여러분에게 소개 할까 합니다.
사실 별로 어렵지 않은 팁이라서, 여러분도 쉽게 적용해서 유용하게 사용할수 있습니다.
자 먼저 어떻게 작동하는지에 대해서 보여드리겠습니다.
지금 바로 제 블로그에 빈공간에 마우스로 더블 클릭을 해보시고, 다시 더블 클릭을 해보세요!
해보셨나요!
해보신분은 아시겠지만, 아무곳이나 한번 더블 클릭하면 맨 하단으로 내려가고, 또 한번 더블 클릭하면 맨 상단으로 올라옵니다. 즉 한번에 맨 상단으로 또 다시 한번 하면 맨 하단으로 자동으로 이동 된다는겁니다.
소스는 다음과 같습니다.
위의 소스를 블로그의 HTML/CSS 에서 <HEAD>와 </HEAD> 사이에 넣어주면 됩니다.
위의 소스는 IE6, IE7, FIREFOX 3.0 에서 정상 작동중이라고 CDMANI님께서 말씀 해주셨습니다. ㅎㅎ
대부분의 블로그에서는 TOP으로 이동하는 아이콘이 스크롤바를 따라 다닙니다. 그건 마우스로 해당 부분을 클릭 해야지만, 이 소스는 어떤곳이든 아무곳에서나 더블 클릭하면 바로 상단으로 이동하고 확인후에 다시 더블 클릭하면 맨 하단으로 이동 하기 때문에, 유용함이 더 합니다.
그리고 방문자도 알아볼수 있게 저처럼 댓글 창 밑에다가 더블 클릭시 맨 상단으로 이동합니다라고 문구를 써주시는것도 좋습니다.^^/
사실 별로 어렵지 않은 팁이라서, 여러분도 쉽게 적용해서 유용하게 사용할수 있습니다.
자 먼저 어떻게 작동하는지에 대해서 보여드리겠습니다.
지금 바로 제 블로그에 빈공간에 마우스로 더블 클릭을 해보시고, 다시 더블 클릭을 해보세요!
해보셨나요!
해보신분은 아시겠지만, 아무곳이나 한번 더블 클릭하면 맨 하단으로 내려가고, 또 한번 더블 클릭하면 맨 상단으로 올라옵니다. 즉 한번에 맨 상단으로 또 다시 한번 하면 맨 하단으로 자동으로 이동 된다는겁니다.
소스는 다음과 같습니다.
<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>
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로 변경하면 처음 더블클릭시 작동되는 부분이 상단부터 이동하게 됩니다...
위의 소스대로만 적용하시면 처음 더블클릭시 하단부터 이동하게 됩니다....
위의 소스 내용중에 두번째 줄인 toggle=0; 의 0을 1로 변경하면 처음 더블클릭시 작동되는 부분이 상단부터 이동하게 됩니다...
위의 소스대로만 적용하시면 처음 더블클릭시 하단부터 이동하게 됩니다....
'나이스팁 > 블로그' 카테고리의 다른 글
| 블로그얌에서 파워블로거를 모집합니다. (10) | 2008.09.06 |
|---|---|
| 고마운 '걸' 블로그 1년 채워준 그녀 (15) | 2008.09.04 |
| 블로그 업다운 가능한 더블 클릭 신공을 소개합니다.! (24) | 2008.08.28 |
| 이메일 잘못 온 추출오류님의 블로그얌 이메일! (2) | 2008.08.28 |
| 오픈블로그 랭킹 TOP10 진입 좋아할일은 아니다! (16) | 2008.08.27 |
| 티스토리 댓글 반자동 로그인 방법 (27) | 2008.08.26 |
댓글을 달아 주세요!
우와 이거 진짜 편한데요 근데 긴글 포스팅은 중간에 못 읽잔아요
보통 블로그 상단에서 더블 클릭해서 아래로 내려오는 경우는 극히 드문 경웁니다. 글을 다 읽고 맨 아래로 내려가거나 맨 위로 올라가는경우가 대부분이기 때문에 사용하시면 편리하실꺼에요 ^^//
제 블로그도 탑버큰도 있지만 더블클릭하면 상단으로 이동 하는데 알림글로 올려서 모르는 분이 많겠어요...ㅎㅎ
문구를 하나 넣어야 겠어요..땡큐~
근데 지금 제 블로그가 접속 불가라는.....흑흑
하긴 top버튼은 알림문구 없이도 다들 알고 있는 상태지만, 더블 클릭은 문구를 알려주지 않으면 모르는경우가 많습니다.^^//
ㅋㅋ..
신기하네요. +_+
댓글 볼때 편리하겠꾼요.
근데 전체 모든 블로그가 그런건 아니고 ㅋㅋ 소스를 적용한 블로그만 된다는게 또 ㅋㅋ.
어떻게 보면 방문자보다는
주인장 블로거 자신을 위해서도 ~ 편할수도 있습니다.
오! 아주 편하네요. 잘 쓰겠습니다.
도움이 되셨다니 기쁘네요 ^^.//
생각보다 편하네요~~ 제블로그에도 적용했습니다.
감사합니다. ^^*
네에 ^^;; 방문자도 쓰게 하실려면 어떤 문구를 써주셔야 하고. 더블 클릭시 맨 상단으로 갑니다라고 알려주셔야 하고, 꼭 그렇지 않다면 본인만 써도 상관은 없습니다.
어차피 이러나 저러나 조금은 편하고자 하는거니깐요^^
편하네요..^^
전에는 Home과 End를 사용했었어요..ㅎ
으흠 그런방법도 있군요~~...
좋은 팁입니다..~~ 어차피 따로 공개메세지를 남기지 않으면 ^^; 블로그 주인장만 사용을 해도 괜찮을듯 합니다~
저도 랙백이 보냈습니다.^ ^
이히히 넵
퍼갈께요^^
그런데 맨위는 구글 광고땜에 안되네여..
허락안하시면 말씀 하세요^^
링크가 되어지는 부분이 아닌 다른 모든 여백 부분에서 가능합니다.^^//
안녕하세요? 나도 디지털 영화 판매자 <쿨잼> 입니다.
이제 블로그에서도 위젯 및 링크 등을 통해 합법 다운로드 영화를 판매하실 수 있습니다.
블로그 방문자 수도 올리고, 판매를 통한 수익창출도 해보시는건 어떠세요?
현재 아이팟 터치 지급 및 <여고괴담5> 판매 이벤트도 진행중이랍니다.
http://www.cooljam.co.kr
이런것도 다 있네요...
좋은 정보 감사합니다. 재아님 블로그 타고 CDMANI님 블로그도 다녀왔습니다. ^^ 유익한 두분다 알찬 정보가 가득하네요 ^^ 저도 도움이 되는 포스팅이 되는 그날 까지 ㅎㅎ 잘 보고 갑니다.
도움이 되셨다니 기쁜데여~~
http://lifeinside.dyndns.org/
여기에 적용하려했는데 잘안돼네요...
다시 한번 천천히 해보세요!
스크롤바를 내리고 더블 클릭을 해보시고
다시 한번 해보시면 오르락 내리락 하시는걸 알수 있습니다.
바로 적용 했습니다^^
이렇게 하나씩 하다보면 재아님 블로그 닮아 지겠군요 ㅎㅎㅎ
벤치마킹;;; 킁;; 좋은건 배우시고 나쁜건 버리세요 ^^