웹솔루션개발 25년 노하우! 해피CGI의 모든것

준 HTML 태그인 를 키보드로 제어가 가능하고, 스킨으로 제작가능한 드롭 다운 목록으로 쉽게 변경이 가능한 JQUERY 플러그인 입니다. 다운로드 받은 압축파일의 해제를 한후에 dist/index.html 파일을 웹브라우저에서 열어서 보면 확인이 가능합니다. 태그로 생성된 기본이 선택상자를 와 , 태그로 변환이 되어서 드롭다운 메뉴를 구성하는 기본적인 샘플을 몇가지 볼수 있습니다. CSS를 지정하는 식으로, 다양한 모양으로 스킨화를 하는것도 가능하다고 설명이 되어 있네요. 샘플용 HTML 파일의 소스코드를 열어서 보면 이미 작성되어 있던 HTML태그를 많이 변경하지 않고도 적용이 가능해 보이네요. https://www.jqueryscript.net/form/Easy-jQuery-Based-Drop-Do..

* bootstrapSelect 소개 HTML 선택박스를 부트 스트랩 드롭 다운으로 변환 사용자가 선택박스를 선택하면 값이 즉시 업데이트됩니다.부트 스트랩 드롭 다운에서 색상을 지정하려는 옵션의 클래스와 함께 select를 사용합니다. colorcode를 포함하는 data-color 속성을 대신 사용할 수도 있습니다. "colors"옵션을 "on"으로 설정하면 가능합니다 * 이용방법 압축을 해제하여 bootstrapSelect.js , bootstrapSelect.css 파일을 원하는 경로에 업로드 합니다 업로드된 파일을 html 문서에 호출합니다 선택박스를 만들어 줍니다 선택박스 선택후 버튼으로 선택값을 비우거나 값을 조정할 수 있게 버튼 및 스크립트를 생성합니다 위의 선택박스에 대한 옵션처리 외에도 ..

체크박스 선택시 shift를 이용하여 다중으로 선택할 수 있는 기능입니다. 체크박스 선택 후 시프트 + 원하는곳에 클릭을 하면 다중으로 선택이 됩니다. https://stackoverflow.com/questions/659508/how-can-i-shift-select-multiple-checkboxes-like-gmail 에서 원본 소스를 확인하실 수 있으며 https://www.google.co.kr/search?newwindow=1&source=hp&ei=LuKRXKiyE8W18QXU75vABQ&q=checkbox+shift+select&oq=checkbox+shift&gs_l=psy-ab.1.0.0i203j0i30l3j0i5i30l5j0i8i30.1157.11223..13178...0.0..0.1..

- 라이센스 MIT - 사용 방법 1. 작업할 페이지 상단에 jquery 라이브러리, 부트스트랩 링크를 추가합니다. 2. jquery 라이브러리 하단에 Bootstrap Multiselect 라이브러리 링크를 추가합니다. 3. SELECT 박스를 추가합니다. 4. 플러그인을 호출합니다. 5. 세부 옵션이나 기본 설정을 변경합니다. - 결과물

멀티플레이가 가능한 셀렉트박스로 ie8이상 크롬,파이어폭스,사파리,오페라 브라우저등 다양한 브라우저에서 지원되는 멀티셀렉트 박스입니다. 위와같이 다양한 옵션별 체크박스 효과를 보유하고 있습니다. 여러항목을 체크후 값을 저장하거나, 저장된 값을 이용하여 다양한 효과를 중복으로 체크할수 있습니다. 위와같은 항목별 css 소스를 확인할 수 있으며, 관련 css 및 소스를 다운로드받으실수 있습니다.

html, css 로만 디자인된 체크박스, 라디오버튼, 셀렉트박스입니다. 해당 사이트에서 소스 확인 및 직접 변경하여 적용된 화면도 바로 확인이 가능합니다.