--> -->

JQuery

  • Touch and Swipe
    JQuery

    8 팝업 레이어

     /*20180110 비밀번호 팝업레이어 스타일 적용 추가 */ .pop-layer .pop-container { padding: 20px 25px; } .pop-layer p.ctxt { color: #666; line-height: 25px; } .pop-…

  • Touch and Swipe
    JQuery

    3 SNS 연동 설정

      http://js-socials.com/start-using/ http://js-socials.com/demos/ 데모 소스를 보고 안될 경우 아래 소스를 보고  설정 해라. <!DOCTYPE html> <htm…

  • Touch and Swipe
    JQuery

    3 자바스크립트 파일 이미지 체크, 용량 체크 Ckeditor 체크

        <div class="form-group"> <label>썸네일 이미지</label> <input type="file" name="files" id="files" class="form-control" > …

  • Touch and Swipe
    JQuery

    2 javascript jquery toastr.js 플러그인으로 토스트 메시지 구현

     안드로이드에서는 팝업 버튼보다는 나왔다가 일정 시간이 지나면 사라지는 마치 토스터기에서 빵이 튀어나오듯 한 "토스터"를 사…

  • Touch and Swipe
    JQuery

    2 dataTable 한글 설정

        <!Doctype html> <html lang="kr"> <head> <meta charset="UTF-8"> <title>학생정보</title> <link rel=&quo…

  • Touch and Swipe
    JQuery

    2 slick (슬릭) slide 적용, 화살표 및 점 꾸기기

      <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet"> <script type="text/javascript" src="//code.jque…

  • Touch and Swipe
    JQuery

    2 무한 스크롤 개발

      Controller @Controller public class HospitalController {     @Autowired     private HospitalService hospitalService;     @RequestMap…

  • Touch and Swipe
    JQuery

    1 daterangepicker 한글 설정 및 데이터 포멧 설정

     CSS <!-- Date Picker --> <link rel="stylesheet" href="https://cdn.rawgit.com/braverokmc79/Admin_Temp_LTE/master/bower_components/bootstrap-datepicker/dist/css/bootstr…

  • Touch and Swipe
    JQuery

    1 jQuery oLoader

     jQuery oLoader  http://projects.ownage.sk/jquery/oLoader/examples     <div id="oLoader" style="min-height: 300px"> <…

  • Touch and Swipe
    JQuery

    1 jquery 로 윈도창 크기 변화 감지 및 모바일 환경 감지 후 이미지 사이즈를 조정해서 슬라드 쇼로 만듬

    유저가 글을 작성하거나 예를 들어블러그에 포스팅을 했으면 이미지 같은 경우 아래와 같이 pc 와 모바일에 맞게 미디어 쿼리로 조정을 할 수 …

  • Touch and Swipe
    JQuery

    [jQuery]jQuery를 이용한 접속 국가 ip 체크

     1  .  [jQuery]jQuery를 이용한 접속 국가 ip 체크 간혹, 글로벌 기업의 웹사이트를 관리하다보면국가별로 언어 설정을 해서 해당 국가의 언…

  • Touch and Swipe
    JQuery

    jquery 멀티 폼 체크

         var frm = $("#bomWriteFrm :input").not(":input[type=hidden]").not(":input[type=button]"); var blankResult=true; frm.each(function(idx, ele){ …

  • Touch and Swipe
    JQuery

    bootstrap 3 autocomplete

      https://www.codeply.com/go/RetAwU6gFk/bootstrap-bootstrap-3-typeahead  <!DOCTYPE html> <html > <head> <meta charset="utf-8"> <meta name=&…

  • Touch and Swipe
    JQuery

    jQuery oLoader

     jQuery oLoader  http://projects.ownage.sk/jquery/oLoader/examples     <div id="oLoader" style="min-height: 300px"> <…

  • Touch and Swipe
    JQuery

    dataTable 한글 설정

        <!Doctype html> <html lang="kr"> <head> <meta charset="UTF-8"> <title>학생정보</title> <link rel=&quo…

  • Touch and Swipe
    JQuery

    부트스트랩 bootstrap datetimepicker 적용하기

     CDN <head> <meta charset="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="…

  • Touch and Swipe
    JQuery

    탑으로

     css<style> /* Scroll to top ---------------------------------- */ .scrollToTop { color: #ffffff; position: fixed; bottom: 5px; right: 5px; width: 50px; height: 50px; …

  • Touch and Swipe
    JQuery

    javascript jquery toastr.js 플러그인으로 토스트 메시지 구현

     안드로이드에서는 팝업 버튼보다는 나왔다가 일정 시간이 지나면 사라지는 마치 토스터기에서 빵이 튀어나오듯 한 "토스터"를 사…

  • Touch and Swipe
    JQuery

    datatable 페이징 처리

       https://mdbootstrap.com/docs/jquery/tables/pagination/ 한글 처리직접 소스 수정 datatables.js/* * MDBootstrap integration with Datatables * Learn more: https:/…

  • Touch and Swipe
    JQuery

    jquey 테이블 만들기 라이브러리 소스

      https://pantheon.io/docs/develop/http://test-macaronics.pantheonsite.io  JavaScript로 표 셀 병합 및 분할 https://www.redips.net/javascript/table-td-merge-split/ …