'분류 전체보기' 카테고리의 글 목록 (41 Page)

[jQueryUI] 슬라이더 구현 - slider()

Front-End/jQueryUI 2017. 2. 10. 15:41

슬라이더 구현 - slider()

1. 정의

-slider() 위젯을 사용하여 슬라이더 구현

2. 구문

- $(슬라이더).slider({매개변수: 값...})

1) 매개변수

매개변수	개요
max	최대값
min	최소값
step	증감 간격
value	슬라이더 초기값
values	슬라이더의 초기값(손잡이 두개)
animate	클릭시 그 장소에 손잡이 이동 속도(fast/slow)
orientation	슬라이더 방향(horizontal/vertical)
range	범위 슬라이더 생성
create	슬라이더 생성 시 이벤트 리스너
change	슬라이더 값을 변경 했을 때

3. 예

<!DOCTYPE html> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/redmond/jquery-ui.min.css" /> </head> <form> <input id="count" type="text" size="3" readonly/> <div id="slider" style="width:200px;"></div> </form> <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/i18n/jquery-ui-i18n.min.js"></script> <script> $(function(){ $('#slider').slider({ min:0, max:200, step:10, value:100, change:function(e, ui){ $('#count').val(ui.value); }, create:function(e, ui){ $('#count').val($(this).slider('option','value')); } }); }); </script>

'Front-End > jQueryUI' 카테고리의 다른 글

[jQueryUI] jQuery 버튼 위젯(체크박스, 라디오, 버튼) - button(), buttonset() (0)	2017.02.10
[jQueryUI] 범위 슬라이더 - spinner(orientation, range) (0)	2017.02.10
[jQueryUI] 수치 입력박스 (0)	2017.02.10
[jQueryUI] 버튼으로 날짜 팝업 만들기 - datepicker(showOn) (0)	2017.02.02
[jQueryUI] 날짜 선택 팝업의 범위 지정 - datepicker(minDate/maxDate) (0)	2017.02.02

리딩리드

,

[jQueryUI] 수치 입력박스

Front-End/jQueryUI 2017. 2. 10. 15:30

수치 입력박스 - spinner()

1. 정의

- jQueryUI 의 spinner 위젯을 이용하여 수치를 증감하는 업다운 버튼 구현

2. 구문

$(텍스트 상자).spinner({매개변수:값,...})

1) 매개변수

매개변수	개요
min	입력 최소값
max	입력 최대값
step	증감 버튼으로 증가/감소
incremental	스피너를 눌렀을 경우 증감량
icons	스피너에 표시하는 아이콘
culture	지정한 지역의 서식으로 수치
numberFormat	값의
numberFormat	값의

3. 구현

<!DOCTYPE html> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/redmond/jquery-ui.min.css" /> </head> <form> <label for="price">Price:</label> <input type="text" id="price" value="1000" size="5"/> </form> <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/i18n/jquery-ui-i18n.min.js"></script> <script> $(function(){ $('#price').spinner({ max:10000, min:1000, step:100 }) ; }); </script>

'Front-End > jQueryUI' 카테고리의 다른 글

[jQueryUI] 범위 슬라이더 - spinner(orientation, range) (0)	2017.02.10
[jQueryUI] 슬라이더 구현 - slider() (0)	2017.02.10
[jQueryUI] 버튼으로 날짜 팝업 만들기 - datepicker(showOn) (0)	2017.02.02
[jQueryUI] 날짜 선택 팝업의 범위 지정 - datepicker(minDate/maxDate) (0)	2017.02.02
[jQueryUI] 간편한 날짜 선택 팝업의 형식 변경 - datepicker(format) (0)	2017.02.02

리딩리드

,

[PHP] PHP 배열의 array(), explode() 함수

Back-End/PHP 2017. 2. 9. 22:20

PHP 배열의 array(), explode() 함수

1. array()

- array()를 이용하여 배열을 정의 할 수 있다

<?php $week = array(1,2,3,4,5); print $week[0]; print $week[1]; ?>

1) 배열 초기화

$data = array()

- 배열 초기화가 가능하다

2. explode()

- 특정 문자열로 나누어 작성

1) 구문

explode("구분문자","문자열")

2) 예

<?php $week = explode(",","a,b,c,d,e"); print $week[0]; ?>

'Back-End > PHP' 카테고리의 다른 글

[PHP] PHP 기본 상수와 define()함수 (0)	2017.02.09
[PHP] Window 에서 PHP 설치 및 php.ini 설정 - WAMP(Bitnami) (0)	2017.01.31

리딩리드

,

[PHP] PHP 기본 상수와 define()함수

Back-End/PHP 2017. 2. 9. 22:09

PHP 기본 상수와 define()함수

1. PHP 기본 상수

이름	설명
PHP_VERSION	PHP의 버전
PHP_OS	PHP실행 OS
_LINE_	처리중이 파일 현재 줄 번호
_FILE_	처리 중인 파일의 전체 경로 이름
_DIR_	처리 중인 파일의 디렉토리
_FUNCTION_	함수명
_CLASS_	클래스명
_TRAIT_	트레이트명
_METHOD_	클래스 메소드명
_NAMESPACE_	현재 네임 스페이스 명
true, false null

2. define()

- 자신만의 상수를 정의 한다

1) 구문

define("상수명", 값)

<?php define("HELLO","greeting"); print HELLO; ?>

'Back-End > PHP' 카테고리의 다른 글

[PHP] PHP 배열의 array(), explode() 함수 (0)	2017.02.09
[PHP] Window 에서 PHP 설치 및 php.ini 설정 - WAMP(Bitnami) (0)	2017.01.31

리딩리드

,

일	월	화	수	목	금	토
			1	2	3	4
5	6	7	8	9	10	11
12	13	14	15	16	17	18
19	20	21	22	23	24	25
26	27	28	29	30	31

'WEB-INF'에 해당되는 글 916건

[jQueryUI] 슬라이더 구현 - slider()

'Front-End > jQueryUI' 카테고리의 다른 글

[jQueryUI] 수치 입력박스

'Front-End > jQueryUI' 카테고리의 다른 글

[PHP] PHP 배열의 array(), explode() 함수

'Back-End > PHP' 카테고리의 다른 글

[PHP] PHP 기본 상수와 define()함수

'Back-End > PHP' 카테고리의 다른 글

공지사항

카테고리

태그목록

글 보관함

달력

링크

리딩리드

LATEST FROM OUR BLOG

LATEST COMMENTS

BLOG VISITORS

티스토리툴바