간단한 javascript 페이징 처리[note of paranbyul]

간단한 javascript 페이징 처리

아래와 같은 간단한 페이징 처리를 위한 소스다. ul 태그의 li 태그를 모두 display:none; 시킨 다음에 해당 페이지의 li 태그만 노출시키는 구조이다. 일단 마크없을 다 뿌리기때문에 10페이지 내의 간단한 페이징 처리에 용이하다.

소스코드

this.eleArea = document.getElementById(ele);
		}catch(e){}
		try
		{
			this.eleNumArea = document.getElementById(ele_num);
		}catch(e){}			
		
		function chage (obj, obj_num, classname, maxpage, nowpage )
		{
			if(nowpage > maxpage)
			{
				nowpage = maxpage;
			}else if(nowpage <= 0)
			{
				nowpage = 1;
			}
			obj.className = classname + nowpage;
			obj_num.innerHTML = nowpage;
		}
	}
// ]]>
</script>

<h1>미니 페이징 테스트</h1>
<ul id="PageArea" class="now_page_1">
	<li class="page_1">element 4</li>
	<li class="page_1">element 3</li>
	<li class="page_2">element 2</li>
	<li class="page_2">element 1</li>
</ul>
<div>
	<h2>페이징 버튼</h2>
	<span id="PageLeft" class="tt_new_star_page_l">left</span>
		<span  class="tt_new_star_page_n">
		<span id="NowPageNum">1</span> / 2
	</span>
	<span id="PageRight" class="tt_new_star_page_r">right</span>
</div>

파일 다운로드

minipage.html

'Web > Client' 카테고리의 다른 글

우리나라는 IE6의 비율은 여전히 높다. (1)	2008/11/20
url 파라메터를 javascript로 받기 (0)	2008/11/14
간단한 javascript 페이징 처리 (0)	2008/11/12
롤링 스크립트 (0)	2008/09/02
javascript 로 구현한 한글 자소 분리 (2)	2008/07/01
운영체제와 브라우저 체크 (1)	2008/05/13

tag JavaScript

Posted by byuli on 2008/11/12 12:26
받은 트랙백이 없고
댓글이 없습니다.

«이전 1 ... 6 7 8 9 10 11 12 13 14 ... 55 다음»

태터데스크 관리자

태터데스크 메시지

note of paranbyul

it, computer, web development, some issue

간단한 javascript 페이징 처리

'Web > Client' 카테고리의 다른 글

TRACKBACK http://blog.byuli.com/trackback/66

search

category

tag

new reple

new post