만들고, 퍼오고, 공유하고

제이쿼리 모달 스크립트

부트스트랩 모달 사용시 UI가 깨진다면, 차선으로 선택 가능한 옵션 github.com/CreativeDream/jquery.modal CreativeDream/jquery.modal A simple jquery Modal boxes, alert, prompt, confirm, themes, buttons, animations, responsive and many other options included. - CreativeDream/jquery.modal github.com Other wonpaper.tistory.com/217 jquery 다양한 modal 예제 (Bootstrap4 Modal Wrapper Plugin) 실무에서 자주 쓰이는 modal 을 다양한 기능을 가진 플러그인 소스가 있다. ..

마우스 오른쪽 버튼 막기 등

아코디언 메뉴, 드롭다운 메뉴 샘플

메뉴1 메뉴1-1 메뉴1-2 메뉴1-3 메뉴2 메뉴2-1 메뉴2-2 메뉴2-3 메뉴3 메뉴3-1 메뉴3-2 메뉴3-3 메뉴4 메뉴4-1 메뉴4-2 메뉴4-3

jquery 특정 테이블의 row에 마우스 오버시 색상 변경

$(document).ready(function(){ // 특정 테이블의 row에 마우스 오버시 색상변경 $( ".tb-list tbody tr" ).on( "mouseover", function() { $( this ).css( "background-color", "#f7f7f7" ); //$( this).children("td").css( "cursor", "pointer" ); }); $( ".tb-list tbody tr" ).on( "mouseleave", function() { $( this ).css( "background-color", "white" ); }); });

tr생성, 현재 tr 지우기

마지막에 tr 추가 $('#mytable > tbody:last').append('추가'); 자신이 속한 상위 tr 삭제 function deleteLine(obj) { $(obj).closest('tr').remove(); } Hello Brother! 1번 삭제 Hello Brother! 2번 삭제

한글만 입력, 숫자만 입력

input 창에 한글만 쓰도록 막기 $(function(){ $(".selecter").keyup(function (event) { regexp = /[a-z0-9]|[ \[\]{}()?|`~!@#$%^&*-_+=,.;:\"'\\]/g; v = $(this).val(); if (regexp.test(v)) { alert("한글만 입력가능 합니다."); $(this).val(v.replace(regexp, '')); } }); }); 한글 입력 막기 input 창에 숫자만 쓰도록 막기 ​ $(function(){ $(".selecter").keyup(function (event) { regexp = /[^0-9]/gi; v = $(this).val(); if (regexp.test(v)) { alert("..

(CI restAPI) ajax put 전송

javascript php public function targets_edit_put() { header("Access-Control-Allow-Origin:*"); $_POST = json_decode($this->security->xss_clean(file_get_contents("php://input")), true); $this->form_validation->set_data([ 'idx' => $this->input->input_stream('idx', TRUE), 'name' => $this->input->input_stream('name', TRUE) ]); $this->form_validation->set_rules('idx', 'Idx', 'trim|required', array('req..

부트스트랩 모달 보일때, 닫을때 이벤트

// 모달이 보여질때 이벤트 $('#modal-add').on('shown.bs.modal', function (e) { //$('#md_name').focus(); }); // 모달 닫을때 이벤트 $('#modal-add').on('hidden.bs.modal', function (e) { //$(this).find('form')[0].reset() });

클립보드에 복사하는 clipboard.js 라이브러리

clipboardjs.com/ clipboard.js A modern approach to copy text to clipboard. No Flash. No frameworks. Just 3kb gzipped clipboardjs.com twpower.github.io/81-use-clipboard.js-in-javascript [Javascript] clipboard.js를 이용해 웹에서 클립보드에 복사하기 Practice makes perfect! twpower.github.io CDN Copy

jQuery 바코드 생성