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}}
    -
목록형 📷 갤러리형
제목
[기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js)
유용한 리눅스(LINUX) 명령어
[공지] 기술 게시판
4.28
4.29
4.30
5.1
5.2
5.3
5.4
5.5
5.6
5.7
5.8
5.9
5.11
5.12
5.13
5.15
5.16
5.17
5.18
5.19
5.20
5.21
5.22
5.23
5.24
5.25
5.26
5.27
5.28
5.29
5.30
5.31
6.1