본문 바로가기
소프트웨어/ASP / JS / CSS / C#

더블클릭으로 블로그를 더 편하게

by 씨디맨 2008. 8. 19.
320x100
더블클릭으로 블로그를 더 편하게

제 블로그의 오른쪽 여백에 더블클릭을 해보면 페이지가 맨밑으로 갔다가
다시 더블클릭을 하면 상단으로 오게 됩니다

본문의 글이 길 경우에는 댓글을 볼때 유용하리라고 생각합니다
코드는 아래와 같습니다

toggle 을 0 으로 둔뒤 INPUT 이나 TEXTAREA 이외의 장소에서 더블클릭을 했을경우에는
스크롤을 가장 하단으로 내린뒤 토글을 1 로 변경해놓고 다시 더블클릭하면
상단으로 이동한뒤 toggle 가 0 이 되는 원리입니다

저도 사실 이 코드는 검색해서 알아낸 어디서 얻어온 코드입니다 출처는 정확히는 ;





위의 코드는 블로그의 코드에서 <HEAD> </HEAD> 사이에 아무곳에나 넣어주면 되겠습니다
복사는 아래에것을 이용하세요
파이어폭스 Ver3 에서 작동하는것을 확인하였습니다



<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>

반응형

댓글