WEB/jquery,javascript (8) 썸네일형 리스트형 [javascript/정규식] 천단위 콤마 표시 // 천단위 콤마 표시 (소수점 포함 문자열)get_currency = function(value){return value.toString().replace(/(\..*)$|(\d)(?=(\d{3})+(?!\d))/g, (d, f)=> f|| d+',');} inputreturn123456.123123,456.123123123123,123 input 박스 날짜 30일, 60일 초기화하기 기간 입력하면 dateEnd, dateStart에 오늘날짜 기준으로 input박스 초기화해주는 코드. // 날짜 필터 var dateSet = function(period){ const date = new Date(); // 현재 날짜 구하기 const month = date.getMonth(); // 현재 날짜의 월 구하기 const day = date.getDate(); // 현재 날짜의 월 구하기 $('#dateEnd').val(date.toISOString().substring(0, 10)); switch (period){ case '1' : { break; } case '7' : { date.setDate(day-7); break; } case '30' : { date.setMonth(month.. [jquery/js] 동적 웹페이지 교체 load() 페이지 구조가 너무 복잡하거나 특정 부분만 바꾸고 싶은데 수정하기 번거로운 경우가 있다. 그럴경우 동적으로 특정 부분만 교체할 수 있는 load()메서드를 사용하시라 사용법은 다음과 같다. 1. 구역을 id값이나 class값으로 지정 2. load메서드로 데이터를 로드 이때 /test가 반환하는 값으로 채워짐 $('#testArea').load("/test") [jquery/js] input checkbox name값, value 값으로 체크하기 체크박스를 만들면 여러개의 값을 저장해야한다. name은 같고 value만 다르게 하면 배열로 쉽게 값을 저장할 수 있어 자주 사용하는 방식이다. 그런데 이렇게 value로 저장된 값을 불러오려면 좀 난감해진다. jquery로 id, name, class만 접근 가능한 것으로 알고 있었기 때문이다. 하지만 name, value를 동시에 쓰면 value값으로도 체크박스를 체크해줄 수 있다. (값이 같은 경우가 있기때문에^^) (prop으로 checked true 설정해주기) $("input[name="+name+"][value="+item+"]").prop("checked",true); jquery queryselector 연산자 var id = "boardgo" + seq; 저렇게 변수로 넣고싶은 것들은 하나의 변수로 바꾼다음에 $('#'+id); 요런식으로 해줘야 jquery 가 먹힌다..^^ $('#boardgo"+seq) modal close 모달창 닫는 이벤트 만들기 closeBtn.addEventListener("click", e => { detail_marker_modal.style.display = "none" }); X ..내용채워넣기 모달창을 만들어준다. 우선 모달창은 style display:hidden으로 설정해준다. 그리고 이벤트가 생겼을 때에 style속성을 없애주거나 display:bolck 처리하면 모달이 생겨난다. 모달창 닫는 공간을 div로 만들어 준후 const closeBtn = modal.querySelector(".close-area") querySelector를 이용해서 닫기 버튼을 const변수에 지정해준후 closeBtn.addEventListener("click", e => { modal.style.display = "none".. [javascript/ajax] ajax의 구성 및 기능 ajax는 비동기 JavaScript and XML의 약어라는데 간단히 말하자면 페이지가 빨리 로딩되는 함수?기능?이다. ajax는 아래처럼 생겼다. $.ajax({ method: "GET", dataType: "json", data: { "test": test, "test2": test2 }, url: "/sample", success: function(data) { },error:function(error){ } }); 속성이 여러개 있지만 이정도만 사용하면 왠만한건 다 구현할 수 있었다. method get타입으로 보낼건지, post방식으로 보낼건지 정하는 옵션이다. get은 보안이 좀 약하고 post는 보안이 좀 가미된 느낌 ajax에서 보낸 데이터를 spring에서 controller단에서 받을.. [javascript] kakaomap api 도형 event listener 배열 객체 등록 꿀팁 카카오맵에 도형을 나타내고자 할때 전역배열로 도형을 넣는다면 삭제(초기화)도 쉽게 할 수 있다. 하지만 전역배열로 도형을 넣을 때의 단점도 있는데 도형을 클릭했을때 실행되는 이벤트 리스너에 배열을 객체로 등록하면 도형의 메서드를 사용하지 못한다는 점이다 ( 예를 들면 getBounds나 getPosition 같은 메서드들 ) 해결 방법은 이벤트리스너를 새로운 함수 안에 넣어 배열을 매개변수로 해서 매개변수의 메서드를 사용하게 만드는 것이다. 말이 좀 이해가 안되는 것 같아 코드를 첨부한다. 아래처럼 배열을 객체로 등록하지 않고 kakao.maps.event.addListener(circle[i], 'click', function(mouseEvent) { ... } 이런식으로 함수로 한번 감싸서 사용해야한.. 이전 1 다음