웹개발자의 기지개

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 // 랜덤색상 function getRandomColor() { return "#" + Math.floor(Math.random() * 16777215).toString(16); } function getRandomColors(numColors) { const colors = []; const letters = '0123456789ABCDEF'; for (let i = 0; i

위의 사진과 같이 키보드 키값을 각각 입력받으면서 (onkeyup) 자동 핸드폰번호를 입력받도록 하는 jquery 관련 소스이다. 1 2 3 4 5 6 7 8 9 10 11 $("#mobileNum").keyup(function () { this.value = this.value .match(/\d*/g).join('') .match(/(\d{0,3})(\d{0,4})(\d{0,4})/).slice(1).join('-') .replace(/-*$/g, ''); }); Colored by Color Scripter cs 참고 : https://im-first-rate.tistory.com/138

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 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 MORE $('.list > div').hide(); $(".list > div").slice(0, 5).css("display", "block"); $("#load").click(function(e){ e.preventDefault(); $(".list > div:hidden").slice(0, 5).fadeIn(500).css('display', 'block'); // 클릭시 more 갯수 지저정 if($(".list > div:hidden"..

실무상에 유용한 기능이고, 에디터를 달고 있는 모드 곳에서 꼭 필요할 것 같다. 위의 예시이미지처럼 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..