Javascript
-
[Javascript] 자바스크립트(jQuery) 파라미터(parameter)값 가져오기Javascript 2022. 7. 13. 20:13
[Javascript] 자바스크립트(jQuery) 파라미터(parameter)값 가져오기 ex) url : https://asufi.tistory.com?example=parameter 위와 같은 예제 url 에서 example 값을 찾으려 할때 다음과 같이 찾을수 있다. getParameter('example'); // 파라미터값 찾기 function getParameter(param) { param = param.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]"); let regex = new RegExp("[\\?&]" + param + "=([^&#]*)"), results = regex.exec(location.search); return results === nu..
-
[Javascript] 자바스크립트(jQuery) 를 사용한 달력 만들기Javascript 2022. 7. 11. 20:36
[Javascript] 자바스크립트(jQuery) 를 사용한 달력 만들기 예약 화면에 쓸 달력을 만들어야할 필요가 있어서 만들게된 자바스크립트 달력 만들기 기록하기 기능 : 2개의 달력 화면 예약 가능 최대개월수 넘지 않기 체크인 체크아웃 표시 예약가능 마지막날을 체크인 지정시 체크아웃 날짜 자동 선택 하단에 깃 링크 첨부 했습니다. html 일 월 화 수 목 금 토 일 월 화 수 목 금 토 체크인 ~ 체크아웃 css @import url('https://cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css'); /* section calendar */ @font-face { font-family: 'NanumSquareR'; font-style: normal; font..
-
[Javascript] jQuery 팝업창 오늘하루 그만보기Javascript 2022. 6. 27. 12:42
#jQuery 팝업창 오늘하루 그만보기 쿠키를 이용한 시간설정으로 팝업창을 오늘하루 보지않게 할수 있다. 또한 쿠키 설정값을 지정하는 방법으로 24시간이 지나야 팝업이 열리게 할수있는 방법과 00 시 기준으로 초기화가 되어 팝업이 열리는 방법 두가지가 존재하는데 setCookie00() 함수를 호출할 경우 00시 기준으로 쿠키값이 초기화 되면서 팝업이 열리게 되고, setCookie24() 함수를 호출할 경우 24시간 후에 쿠키값이 초기화 되면서 팝업이 열리게 된다. 상황에 맞는 함수를 호출해서 사용하면 될것 같다. 팝업창을 띄울때는 div 영역에 name 을 지정해주고 해당 name 으로 쿠키값을 셋팅 하면서 name 으로 해당 팝업을찾아서 팝업을 띄우도록 제작하였다. 또한 여러개의 팝업일경우 해당 n..
-
[Javascript] ajax error 확인Javascript 2021. 7. 8. 12:20
#ajax error 확인 ajax 사용시 오류가 발생할경우 확인하는 방법은 다음과 같은 eroor:function 안에 console.log() 를 통해서 ajax eroor를 확인할수있다. $.ajax({ url: "", type: "", data: "", method: "", success: function (data) { console.log(data) }, error: function (request, status, error) { console.log("code: " + request.status) console.log("message: " + request.responseText) console.log("error: " + error); } });
-
[Javascript] JQuery 상위요소(상위태그) 선택하기 or 부모요소(부모태그) 선택하기Javascript 2021. 6. 19. 03:32
#JQuery 상위요소(상위태그) 선택하기 or 부모요소(부모태그) 선택하기 회사 업무중 특정 조건에 만족할 경우 해당 상위요소의 css 를 변경 할 일이 있었는데 이때 사용했던 특정 상위 객체를 가져오는 parents 와 closest 을 까먹지 않게 기록으로 남기기 Sample Code 1. 다음과같은 li 태그 하위에 있는 a 태그의 값이 짝수일 경우 css 를 변경하는 상황을 연출 each 문을 통해 해당 li 태그 하위에있는 a 태그의 값을 $(this) 를 통해 가져온 후 % 2를 하여 나머지가 0 으로 떨어지는 짝수의 값을 구한후 해당 값의 상위 li 를 closest 을 통해 css 속성을 변경하였다. 01 02 03 04 05 06 07 08 09 10 11 12 Sample Code 2..
-