웹마스터 팁

  2. Support
  3. 웹마스터 팁

마우스 이벤트 발생시 문서 상,하단으로 이동

2003.10.30 15:44

RedEye(kaist)

긴문서를 읽다가 다시 메뉴가 상단에 위치한 홈페이지에서
다른 컨텐츠로 이동하려할때 마우스로 스크롤바를 끌어 이동하기가 고로우신(귀차니스트 맴버님들) 분들을 위해
아래의 스크립트를 게시판 문서내에 코딩 하시면 좀더 편하게 게시물읽기와 원활한 홈운영이 조금이나마 되려 봅니다.

이 소스는 중복일 가능성이 좀 높습니다.
뭍고답하기, 기타, 제로보드사용팁 등의 게시판에서 올라왔을줄 압니다(검색 안해봤음 ㅡㅛㅡ;;)
그럼에도 올리는것은 갖잖은 응용법을 올린답시고 이렇게 올리니
삭제하셔도 무방하며 아시는분들은 그냥 봐 주세요 ^^;;

출처지 : 미니위니


[소스 사용예의 간략설명]
상단으로 문서이동 하고 싶을때는 <span id=IAMTHETOP></span> 를 <BODY>의 첫줄에 삽입하고,
하단으로 문서이동 하고 싶을때는 <span id=IAMTHEBOTTOM></span> 를 </BODY>의 바로 윗줄에 삽입하고 사용 하세요.



[기본편 문서예제]
########## 상단으로 문서이동 ###########
<html>

<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>상단으로 문서 이동</title>
<script language="javascript" type="text/javascript">
function viewTop()
{
IAMTHETOP.scrollIntoView(true);
}
document.ondblclick=viewTop;
</script>  
</head>
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
<span id=IAMTHETOP></span>
<table border="0" height="300%">
    <tr>
        <td width="100%">
            <p> </p>
        </td>
    </tr>
</table>
</body>

</html>


########## 하단으로 문서이동 ###########
<html>

<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>더블클릭시 문서 하단으로 이동</title>
<script language="javascript" type="text/javascript">
function viewBottom()
{
IAMTHEBOTTOM.scrollIntoView(true);
}
document.ondblclick=viewBottom;
</script>
</head>
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
<table border="0" height="300%">
    <tr>
        <td width="100%">
            <p> </p>
        </td>
    </tr>
</table>
<span id=IAMTHEBOTTOM></span>
</body>

</html>



[응용편 문서예제]

<html>

<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>문서 상단으로 이동(더블, 우측클릭)</title>
<script language="javascript" type="text/javascript">
//===== 오른쪽 마우스 클릭시
function viewTop()
{
IAMTHETOP.scrollIntoView(true);
}
document.oncontextmenu=viewTop;

//===== 더블클릭시
function viewTop2()
{
IAMTHETOP2.scrollIntoView(true);
}
document.ondblclick=viewTop2;
</script>  
</head>
<body ondragstart='return false' onselectstart='return false' oncontextmenu='return false'>
<span id=IAMTHETOP></span>
<span id=IAMTHETOP2></span>

<table border="0" height="300%">
    <tr>
        <td width="100%">
            <p> </p>
        </td>
    </tr>
</table>
</body>

</html>


이 게시물을
수정 삭제
좋아요
목록
제목 글쓴이 날짜
정말 멋있는 글자 변환 스크립트 [12] sythesis 2003.11.07
자바스크립트로 작성한 그림맞추기 퍼즐게임 [2] 김별 2003.11.05
자바스크립트로 윈도우 흉내내기 (?) [15] 뒹굴리스트 2003.11.03
[초간단 자바스크립트!] 이미지 드래그하기..~~ [8] ∑Ztxy 2003.11.02
마우스 이벤트 발생시 문서 상,하단으로 이동 [3] RedEye(kaist) 2003.10.30
클릭하면 홈페이지를 시작페이지로 하는 소스... [7] 젤군 2003.10.28
식대 계산기... ^^ [3] 김주형 2003.10.27
더 이상의 필터링은 없다!!! [10] 미친개 2003.10.26
[초간단 자바스크립트!] 자바로 플래시 따라하기! [3] ∑Ztxy 2003.10.15
스물을 세면 죽음이야~~~ [20] 미친개 2003.10.14
[초간단 자바스크립트!] 트랜지션 공지사항!! ∑Ztxy 2003.10.13
플래시 크기 바꾸기 [IE/NS 겸용] [4] teslaMINT 2003.10.13
새창 띄운후 부모창 확인없이 닫기... [4] PHASE 2003.10.12
개판 오분전 - 이미지 뷰에 관한 한가지 힌트 [5] 미친개 2003.10.11
[초간단 자바스크립트!] 날짜 카운터! 커플홈에 강추!! [15] ∑Ztxy 2003.10.08
개판 오분전 만년달력......ㅡ,.ㅡ [4] 미친개 2003.10.08
게시판 스킨에 프린트 버튼 추가하기 [3] PHASE 2003.09.30
[초간단 자바스크립트!] 홈페이지에 FTP 폼 넣기?! [10] ∑Ztxy 2003.09.29
[초간단 자바스크립트(강의)!] 입력박스에 입력한 주소로 이동하기... ∑Ztxy 2003.09.27
[초간단 자바스크립트(강의)!] 풀스크린 창 띄우기... [3] ∑Ztxy 2003.09.27
태그 쓰기