IT정리노트

블로그 이미지

Edward. K

메멘토적 기억능력을 소유한 개발자 노트.

'Programming/JavaScript'에 해당되는 글 44건

제목 날짜
  • 드롭다운 셀렉트 박스 플러그인 2018.02.22
  • jquery validate rule 중 maxlength 사용시 유의 사항 2018.02.22
  • 입력란 삭제 기능 추가 2018.02.22
  • [jQuery] excel export - json to Excel 2018.02.22
  • IE에서 Firebug 사용하기 2013.07.24

드롭다운 셀렉트 박스 플러그인

Programming/JavaScript 2018. 2. 22. 13:52
반응형
  • 팝업으로 처리된 많은 기능들을 대체하면 좋을듯 합니다. 
    > [[http://hemantnegi.github.io/jquery.sumoselect/sumoselect_demo.html]]
    --> fselect 가 더 끌리네요!! 활용도는 이녀석이 더 좋을거 같은데.

[추가]

> Fast select ( [[http://dbrekalo.github.io/fastselect/]]  )
   * 위 설명된 'Selectize' 보다 좋네요..(삭제 할 수 있어서 )

> fSelect   ( [[https://www.jqueryscript.net/demo/jQuery-Plugin-For-Filterable-Multiple-Select-with-Checkboxes-fSelect/]] )
   * sumoselect 보다는 (검색 및 선택등의 ui 부분에서) 더 낳아 보입

[샘플]  * 소스를 열어보자..-_-a     

jQuery_selectBox.zip


<style>  기본...
.fs-wrap {width: 240px !important;}  
.fs-dropdown   {width: 240px !important;}  
.fs-dropdown .fs-options {    max-height: 160px  !important; }

.SumoSelect  {width: 240px !important;}  
.SumoSelect > .CaptionCont > label {right: 10px !important;} 
.SumoSelect > .optWrapper > .options { max-height: 160px !important; }

</style>

   $('#sel_name').SumoSelect( {
       placeholder: '업체를 선택해주세요'   
       // 몇개까지 보일 것인가
       , csvDispCount: 4
       , captionFormat: '{0}개의 업체가 선택됨' // csvDispCount 이상인 경우 대체 문자 
       // 전채 선택 기능
       , selectAll:true  
       // 검색기능 START  -------------------------------- 
       , search: true     // 검색 사용     
       , searchText: '검색'  // 검색문구        
       , noMatch: '결과가 없습니다. "{0}"' // 검색결과 없을때        
       // 검색기능 END -----------------------------------
       // 하단 선택 버튼 START -----------------------------------
       , okCancelInMulti:true  
       , isClickAwayOk:true
       // 하단 선택 버튼 END -----------------------------------
   });

  

반응형
저작자표시 비영리 변경금지 (새창열림)
Posted by Edward. K

jquery validate rule 중 maxlength 사용시 유의 사항

Programming/JavaScript 2018. 2. 22. 13:46
반응형

validate rule 에 maxlength 사용시 한글 입력이 허용된 경우 유의바랍니다.

form 태그인 maxlength 개념은 글자수이나.
jquery validate 에선 한글을 3자리로 처리하고 있습니다.

 [ jquery.validate.js  ]
     ..
     maxlength: function( value, element, param ) {  
               var length = $.isArray( value ) ? value.length : this.getLength( $.trim(value), element );
           return this.optional(element) || this.strlength(value) <= param; 
           //return this.optional( element ) || length <= param;
        },
     ..
    strlength: function(value) {
                    ..
                   if (this.isKorean(str)) {
                          strlen = strlen + 3;
                   } 
                     ..
                },
     ..


반응형
저작자표시 비영리 변경금지 (새창열림)
Posted by Edward. K

입력란 삭제 기능 추가

Programming/JavaScript 2018. 2. 22. 13:44
반응형

검색란 삭제 버튼 관련 참고한 사이트 

퍼블리셔분이 주인장 같은데.. 전체적으로 내용이 좋네요/
[[http://webclub.tistory.com/297]]


테스트용 샘플 html :  test_input_clear.html

반응형
저작자표시 비영리 변경금지 (새창열림)
Posted by Edward. K

[jQuery] excel export - json to Excel

Programming/JavaScript 2018. 2. 22. 11:56
반응형

IE / Chrome 에서 정상 동작



좀더 간단한... table id로 현재 화면의 table을 그대로 excel로 

    

tableExport.jquery.plugin-master.zip


  

   https://github.com/hhurz/tableExport.jquery.plugin

     > csv / tsv / txt / json / xml / sql / xlsx / xMLss / word / png / pdf


       

  

==========================================================================



DEMO : 

    http://www.jqueryscript.net/demo/Exporting-Html-Tables-To-CSV-XLS-XLSX-Text-TableExport/

Download :

     https://www.jqueryscript.net/table/Exporting-Html-Tables-To-CSV-XLS-XLSX-Text-TableExport.html


==========================================================================



** json to Excel File download

http://jsfiddle.net/hybrid13i/JXrwM/


json data를 Excel 파일로 바로 다운로드 할수 있습니다.

좀더 다듬으면 멋진 excel파일생성 모듈로 재탄생 하겠네요.


반응형
저작자표시 비영리 변경금지 (새창열림)
Posted by Edward. K

IE에서 Firebug 사용하기

Programming/JavaScript 2013. 7. 24. 16:44
반응형

아래 사이트를 방문.

    http://getfirebug.com/firebuglite


     파이어폭스외의 브라우저에서 사용하고자 할 경우.

 



반응형
저작자표시 비영리 변경금지 (새창열림)
Posted by Edward. K
이전페이지 다음페이지
블로그 이미지

메멘토적 기억능력을 소유한 개발자 노트.

by Edward. K

공지사항

    최근...

  • 포스트
  • 댓글
  • 트랙백
  • 더 보기

태그

  • 사업 이야기
  • EkNote
  • toad
  • Jboss
  • rocketdock
  • STS
  • 미네르바
  • eclipse plugin
  • 가상화폐무료
  • 전자정부프레임워크
  • flex
  • netbeans
  • EditPlus
  • Graphic
  • 플래시 게임
  • sqlgate
  • android
  • 중독성게임
  • 컴퓨터 관리
  • 색상코드표
  • Flash Player
  • 캡쳐툴
  • iBATIS
  • tomcat
  • Eclipse
  • 이미지 편집
  • 이클립스
  • ERwin
  • egov
  • 개한민국

글 보관함

«   2025/08   »
일 월 화 수 목 금 토
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

링크

카테고리

분류 전체보기 (792)
행운이와함께 (1)
EkNote Project (18)
ARIS (0)
Android (2)
LINK (39)
UML (9)
Programming (154)
Cobol (0)
ASP (0)
CSS (5)
C_C++ (2)
IBatis (2)
JSP (3)
JAVA (76)
JavaScript (44)
PHP (2)
Utility (76)
Protable (3)
MobileProgram (4)
SKT (0)
KTF (0)
LGT (0)
자료들 (4)
DB (82)
mongoDB (0)
MySQL (8)
Oracle (61)
MSSQL (4)
Graphic (8)
Flash (3)
PhotoShop (3)
SourceFactory (4)
Collection (73)
작가의기막힌상상력 (14)
미소를찾아보는공간 (44)
내심장은작동중일까 (6)
멀더와스컬리의노트 (3)
이건어디에사용할까 (6)
Edward (275)
나만 알기엔 아까워 (100)
기억하기 위한 기록 (123)
시선이 머무는 공간 (50)
숨기고 싶은 이야기 (2)

카운터

Total
Today
Yesterday
방명록 : 관리자 : 글쓰기
Edward. K's Blog is powered by daumkakao
Skin info material T Mark3 by 뭐하라
favicon

IT정리노트

메멘토적 기억능력을 소유한 개발자 노트.

  • 태그
  • 링크 추가
  • 방명록

관리자 메뉴

  • 관리자 모드
  • 글쓰기
  • 분류 전체보기 (792)
    • 행운이와함께 (1)
    • EkNote Project (18)
    • ARIS (0)
    • Android (2)
    • LINK (39)
    • UML (9)
    • Programming (154)
      • Cobol (0)
      • ASP (0)
      • CSS (5)
      • C_C++ (2)
      • IBatis (2)
      • JSP (3)
      • JAVA (76)
      • JavaScript (44)
      • PHP (2)
    • Utility (76)
      • Protable (3)
    • MobileProgram (4)
      • SKT (0)
      • KTF (0)
      • LGT (0)
      • 자료들 (4)
    • DB (82)
      • mongoDB (0)
      • MySQL (8)
      • Oracle (61)
      • MSSQL (4)
    • Graphic (8)
      • Flash (3)
      • PhotoShop (3)
    • SourceFactory (4)
    • Collection (73)
      • 작가의기막힌상상력 (14)
      • 미소를찾아보는공간 (44)
      • 내심장은작동중일까 (6)
      • 멀더와스컬리의노트 (3)
      • 이건어디에사용할까 (6)
    • Edward (275)
      • 나만 알기엔 아까워 (100)
      • 기억하기 위한 기록 (123)
      • 시선이 머무는 공간 (50)
      • 숨기고 싶은 이야기 (2)

카테고리

PC화면 보기 티스토리 Daum

티스토리툴바