jsNumericsteper , spin control, 단계적 숫자증가

/*=======================================
// jsTooltip
//
// 작성일 : 2008-08-25
// 수정일 :
// 공대여자는 이쁘다를 나타내야만 쓸 수 있습니다.
// 이 파일은 수정해서 재배포 할 수 없습니다!
// 내가 사용하지 못하도록한 사람,것,들은 사용할 수 없습니다.
// 만든이 : mins,공대여자
// 홈페이지  : www.mins01.com


#동작
지정된 TextFeild의 (숫자로된)값을 버튼으로 증가시키거나 감소시킨다.
디자인을 변경시키거나 버튼을 생성하거나 하는등의 view를 변경하는 행동을 하지 않고, 단순히 TextFeild와 Button을 연결해주는 것 뿐!

#사용법
 @
 <input name="txt02" type="text" style="text-align:right; " onchange="alert(this.value);" value="15" size="8" />
      <input type="button" name="btn02p" value="+" />
      <input type="button" name="btn02m" value="-" />
 <script type="text/javascript">
 //<[CDATA[
 var steper02 = new jsNumericsteper(document.testForm.txt02
 ,document.testForm.btn02p
 ,document.testForm.btn02m
 ,{'min':10,'max':20,'step':2,'delay':200}
 )
 //]]>
 </script>

     @
  jsNumericsteper(TextField ,Plus Button,Minus Button,Config) //Config는 옵션


#예
jsNumericstemper.html 참고


#설정
 steper02.config = {
 'min':최소값
 ,'max':최대값
 ,'step':증가값 (기본값 1)
 ,'delay':버튼딜레이
 ,'outRange':범위초과시 처리방법(true:최대,최소값으로 변경,false:그전 값을 유지, 기본값 true)
 ,'decimalPoint':소수점자리수 (기본값 0)
 };
 // var steper02 = jsNumericsteper(TextField ,Plus Button,Minus Button,Config)에서 Config 넣어도 되고
 //동적으로 바꾸고싶다면 steper02.config['min']=200; 처럼 사용하라.
 

#메소드
 없음


#주의
 config 설정잘못해서 질문하면 당신의 발바닥에 메테오스트라이크~
 onchange 이벤트가 적용될 경우, 숫자변경 가장 마지막값(마우스버튼을 놓은 순간)에 적용된다.
 config의 decimalPoint 값은 최소한 step값의 소수점자리수만큼은 되야합니다.
 최소 IE5 이상이 필요!
 
#제한사항
1. "공대여자는 예쁘다"를 표현할 것.
2. 저작자표시 
3. 비영리 
4. 변경금지

#연계파일
 없음

# 브라우저 실험결과
IE6 : Not Test
IE7 : OK
FF2 : Not Test
FF3 : OK
Opera9 : OK
Sfari3(WIN) : OK


//=======================================*/

댓글
  • No Nickname
    No Comment
  • 권한이 없습니다.
    {{m_row.m_nick}}
    -
제목 작성자 날짜
공대여자
공대여자
mins01
공대여자
공대여자
공대여자
공대여자
공대여자
공대여자
공대여자
공대여자
공대여자
공대여자
공대여자
공대여자
공대여자
공대여자
공대여자