반응형 제이쿼리4 jquery image combobox 이미지 콤보박스 image select box jquery image combobox 이미지 콤보박스 image select box 위와 같이 이미지가 포함된 콤보박스를 구현해 보도록 하겠습니다. 사용하는 라이브러리는 ms-Dropdown 입니다. 아래 Link에서 다운받으실 수 있습니다. Link : https://github.com/marghoobsuleman/ms-Dropdown 구현 방법은 간단합니다. 사용할 페이지에 다운받은 파일 중 jquery.dd.min.js 파일과 css파일을 추가합니다. 1 2 cs 필수! 해당 라이브러리는 jQuery가 필요합니다. 일반 셀렉트 박스와 비슷하지만, data-image 경로에 있는 이미지가 셀렉트 박스 내에 표출됩니다. 1 2 3 4 5 Programing/jQuery 2018. 10. 2. javascript 자바스크립트 멀티 파일 읽기, 복수의 파일 읽기, 여러개 파일 읽기, multi FileReader javascript 자바스크립트 멀티 파일 읽기, 복수의 파일 읽기, 여러개 파일 읽기, multi FileReader 이전 포스팅에서 하나의 Text 파일을 읽어 처리하는 방법을 알아보았습니다. 하지만 꼭 하나의 html file 태그에 하나의 파일만 처리하는 법은 없죠. Link : javascript 자바스크립트 파일 텍스트 읽기 text file read 방법, 파일데이터 추출 이번엔 복수의 파일을 선택하여 처리하는 방법을 알아보도록 하겠습니다. 여러개의 파일을 처리하기 위해선 여러개의 파일을 선택해야 겠죠? 기존에 file 태그에 multiple="multiple" 옵션을 추가하고 name의 명칭 끝에 [] 을 붙여줍니다. (name="fileNames1[]") [] 라는 것은 배열로 처리된다는.. Programing/JavaScript 2017. 12. 18. jquery 제이쿼리 모달 팝업 드래그 하기 드래그 옵션 jquery draggable() 화면 넘어가는 것 방지 jquery 제이쿼리 모달 팝업 드래그 하기 드래그 옵션 jquery draggable() 화면 넘어가는 것 방지 레이어 팝업에 대한 저옵와 구현방법은 아래의 Link 를 참조하세요. Link1 : jquery 제이쿼리 레이어 팝업 화면 중앙에 띄우는 방법 레이어 팝업의 드래그를 하기 위해선 jquery-ui.js 파일이 필요합니다. 구글링으로 찾아서 다운 받으셔도 되고 아래의 스크립트를 레이어 팝업의 드래그가 필요한 화면에 넣어주시면 됩니다. 이제 소스를 보겠습니다. 예를 들어 아래와 같은 레이어 팝업이 있다고 합시다. 처음에 레이어팝업은 위치가 고정입니다. 그래서 이 팝업을 드래그가 가능하게 하기 위해선 draggable() 함수를 사용합니다. $(function(){ $('#pop_stop_info.. Programing/jQuery 2016. 3. 15. jQuery 란 무엇인가? & jQuery 다운로드 jQuery 란 무엇인가? 위키백과의 말을 인용하자면 jquery 란 브라우저 호환성이 있는 HTML 속 자바스크립트 라이브러리라 한다. 그래..이건 그냥 정의다. jquery 가 뭔지 궁금한 사람들로써는 '그래서 뭔데?' 라는 말이 나올수 있다. 그냥 점점 복잡해지고 있는 자바스크립트 코드를 단순하고 간결하게 만들 수 있는 효율적인 '방법'으로 알고만 있자. 자바 웹을 보다보면 '$' 가 있는 코드를 볼 수 있을 것이다. 이곳이 jquery 가 사용된 곳이다. 그럼 jquery를 왜 쓸까? 이유는 간단하다. 상대적으로 쉽고 간단하니깐. 많은 사람들이 쓰는데는 다 이유가 있다. 예를 들어 html 소스들중 원하는 element를 가져올때 id는 '#', class는 '.' 만쓰면 된다. $("#id') .. Programing/jQuery 2014. 4. 14. 이전 1 다음 💲 추천 글 반응형