WEB/Javascipt 썸네일형 리스트형 [Media Queries][plugin] https://wicky.nillia.ms/enquire.js/ Awesome Media Queries in JavaScript - enquire.js enquire.js is a lightweight, pure JavaScript library for responding to CSS media queries. It's totally awesome wicky.nillia.ms enquire.js는 CSS 미디어 쿼리에 응답하기위한 가볍고 순수한 JavaScript 라이브러리입니다. Browser 사이즈에 따른 font-size 값(css) 자동 변경 $(window).on('resize', function(){ sidenvx = $("body").width(); // 브라우저 리사이즈 넓이 fontSize(); // 폰트사이즈 조정 side_wd(); // 사이드 메뉴 넓이 조정 }); // 폰트사이즈 값 구하기 function fontSize(){ var brw = $(window).width(); if ( brw >= 640 ){ var fontSize = 1000/100*2; $("html").css({ "font-size": fontSize }); } else { var fontSize = $(window).width()/60*2; $("html").css({ "font-size": fontSize }); //console.log( "일반 대.. [Plugin] Jquery Timedropper timeplugin Timedropper is a jQuery time plugin https://felicegattuso.com/projects/timedropper/ timedropper jQuery time plugin timedropper is a jQuery UI timepicker. Manage time input fields in a standard form. Focus on the input to open an small interactive timepicker. felicegattuso.com 모바일 에서 input 태그 숫자키패드 불러오기 모바일 input 태그 숫자키패드 불러오기 // 안드로이드 // 애플 input type=number pattern="\d*" [jquery] input 박스에 숫자만 입력 받기 아래 예시는 input 박스에 숫자만 입력 받는 스크립트 입니다. 해당 inputbox 에 class='num_only' 를 추가하면됩니다. $('.num_only').keyup(function () { this.value = this.value.replace(/[^0-9]/g,''); // input 박스에 숫자만 입력 가능하게한다 }); 부모창 체크박스 데이터 를 팝업 자식창에 배열로 가져오기 제목 그대로 입니다. "부모창 체크박스 데이터 팝업 자식창에 배열로 가져오기" 입니다.제 상황에 최적화된 소스이니 참고 부탁드립니다.시나리오- 팝업창으로 현재 페이지 데이터를 가져가도록 하려고함- 데이터를 하나씩 받아 넘기는데 부모 페이지에서 배열로 생성된 체크박스 값 넘겨주는 문제에 봉착- 해결법은 jquery 배열로 받아 each 문으로 체크된 수 만큼 받아 처리한다. 예시) 아래 1,2 번과 같이 체크박스 데이터가 동시에 체크 되었을 경우 자식 팝업창으로 체크된 값을 넘겨주는 이슈.부모 페이지에는 처리해 줄것이 없습니다. 위 데이터를 받는 자식 팝업창에서 처리해줍니다. ( 위데이터를 팝업창에서 값을 그대로 보여주는것이 목적) 헤어디자이너 헤어스탭 피부관리 메이크업 속눈썹 왁싱 네일아트 반영구 1. .. [plugin] sweetalert2 , 경고창 플러그인 참조 : https://sweetalert2.github.io/ [plugin]Bootstrap Notify Bootstrap Notify참조 : http://bootstrap-notify.remabledesigns.com/ 기본적인 사용법을 알아보겠습니다. $(function(){ // 기본 옵션을 설정 한뒤 호출시 재정의 하여 사용합니다. $.notifyDefaults({ placement: { from: "bottom", align: "left" }, animate:{ enter: "animated bounceIn", exit: "animated fadeOutDown" }, template:'' + '' + '{1}' + '{2}' + '' }); }); 24 1기본적인 사용법을 알아보겠습니다.2 3 $(function(){4 // 기본 옵션을 설정 한뒤 호출시 재정의 하여 사용합니다.5 $.notifyD.. 이전 1 2 3 4 ··· 7 다음
