웹개발자의 기지개

실무상에 유용한 기능이고, 에디터를 달고 있는 모드 곳에서 꼭 필요할 것 같다. 위의 예시이미지처럼 http:// 로 시작하는 태그가 있는데 이는 에디터로 자동 추가된 태그인데 이 소스는 원래 고고싱 처럼 태그의 target 속성이 지정되어 있지 않아서 _self 형태로 그냥 현재창에서 이동해 버린다. 이와 같은 상황에서 이 에디터가 쓰인 내용부분 아래의 모든요소의 a태그에 대하여 target="_blank" 속성을 임의 지정하도록 하는 jquery 문은 간단히 만들어 보았다. 1 2 3 4 5 6 7 8 9 .... 에디터로 만들어진 코드내용 .... $(document).ready(function(){ $("#viewcontent_id").find("a").attr("target","_blank");..

필자의 jQuery 달력 기본 소스는 아래와 같다. 다양한 경우에 jquery, javascript 상으로 사용자정의 선택이 가능하다. 달력 datepicker , 한글화 및 특정일 선택 먼저 jquery ui 사이트에서 관련 api 를 받아와야 한다.https://jqueryui.com/ 이글을 올리는 시점의 안정화 버전을 올려놨다. $(function() { $("#datepicker").datepicker({ showMonthAfterYear:true, monthNamesShort: ['1월','2월', wonpaper.tistory.com [문제1] 이번에는 매달마다 현재일자로부터 마지막 날까지만 달력상에서 선택가능하도록 구현해보자. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15..

[jQuery] jquery Modal 모달 data-dismiss="modal" 창닫기 안될때 [jQuery] jquery Modal 모달 data-dismiss="modal" 창닫기 안될때 [bootstrap4] modal 모달창 띄우고 창안닫히게 [bootstrap4] modal 모달창 띄우고 창안닫히게 부트스트랩을 이용하면 아주 간편하게 모달창을 띄울수 있다. 1 2 3 4 5 모달창 띄우기 창닫기 Colored by Color Script wonpaper.tistory.com jquery 다양한 modal 예제 (Bootstrap4 Modal Wrapper Plugin) jquery 다양한 modal 예제 (Bootstrap4 Modal Wrapper Plugin) 실무에서 자주 쓰이는 moda..

[bootstrap4] modal 모달창 띄우고 창안닫히게 [bootstrap4] modal 모달창 띄우고 창안닫히게 부트스트랩을 이용하면 아주 간편하게 모달창을 띄울수 있다. 1 2 3 4 5 모달창 띄우기 창닫기 Colored by Color Scripter cs 위의 예제를 보면 data-toggle 옵션으로 apply id값을 가지는 모달창을 띄운다. data-b wonpaper.tistory.com jquery modal 오픈소스를 바탕으로 코딩할때, data-dismiss="modal" 속성값을 태그에 넣어주면 창을 닫도록 해준다. 그런데 , 안될때 jquery 형태로 강제로 닫아 주는 소스를 잠시 만들어 보았다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18..

실무에서 자주 쓰이는 jquery, javscript 부분인데, 알아두면 유용하다. 상기 이미지처럼 임의의 2개의 select 박스가 있고, 하나의 select 박스를 선택하면 다른하나가 그에 따라 동적으로 자동 바뀌게끔 된다. 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 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 위치 선택 [분류] 분류를 선택하세요. 핵심시설 주요시설 기타시설 위치 선택 [장소] 장소를 선택하세요. 제1여객터미널 제2여객터미널 관제탑 공항청사 제2합동청사 경비대본부 ICT센터영종소방소 fun..

jquery 로 간단히 글자수 제한시키는 소스를 정리해 보았다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 (0 / 400) $(document).ready(function() { $('#content1').on('keyup', function() { $('#txt_max_cnt').html("("+$(this).val().length+" / 400)"); if($(this).val().length > 400) { $(this).val($(this).val().substring(0, 400)); $('#txt_max_cnt').html("(400 / 400)"); } }); }); Colored by Color Scripter cs 참고 : https://bskyvi..

QR코드를 무료로 생성해 보기로 한다. jquery 오픈소스를 이용하여 테이블형과 그냥 이미지형으로 구분되어 있는 소스를 활용한다. https://github.com/jeromeetienne/jquery-qrcode GitHub - jeromeetienne/jquery-qrcode: qrcode generation standalone (doesn't depend on external services) qrcode generation standalone (doesn't depend on external services) - GitHub - jeromeetienne/jquery-qrcode: qrcode generation standalone (doesn't depend on external services..

일단 위의 최고높이 태그는 그리고 확인하기 버튼 처리 함수는 okChk() 라고 한다면, 최고높이 태그 input 박스에서 탭하여 숫자를 입력하고, 가상키보드의 이동버튼을 클릭하면 바로 확인하기 클릭이벤트를 동작시키고 싶을때 1 2 3 4 5 6 7 8 $("#max_height").bind('keydown', function(e) { if (e.keyCode === 13) { e.preventDefault(); onChk(); $("#max_height").blur(); // 가상키보드 화면내리기 } }); Colored by Color Scripter cs