728x90 SMALL Front/Javascript·Jquery32 지정시간이 지날때까지 브라우저에 이벤트 없으면 세션삭제 후, 로그인페이지로 이동하기 session이 끊기면 알람이 끊기면서 로그인 페이지로 이동해주고싶었다 근데 브라우저 세션은 브라우저가 켜져있는 한 생성이 되기때문에 session이 끊긴다고해서 로그아웃이 자동으로 될일은 없다 인터넷 세상은 생각보다 수동이다. setTimeout으로 키보드 이벤트를 체크하여 지정시간 동안 이벤트 없을 시 ajax로 세션체크 method호출하여 session을 전체삭제해주고 로그인페이지로 이동해주도록 하였다. 근데 로그인페이지에서도 작동을 하기때문에 로그인페이지가 아닐때만 세션삭제 후 이동하도록 하였다. //사용자로부터 마우스 또는 키보드 이벤트가 없을경우의자동로그아웃까지의 대기시간, 분단위 var iMinute = 1; var iSecond = iMinute * 60 ; var timerchecker .. 2022. 10. 25. javascript로 주소창에 있는 parameter받기, 넘겨준 파라미터받기 function getParameterByName(name) { name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]"); var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"), results = regex.exec(location.search); return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " ")); } 주소로 넘겨준 파라미터가 위와 같다면 아래와 같이 활용해주면 된다 console.log(getParameterByName("fclt_sn")); console.log(getParameterByName("fclt_type2".. 2022. 8. 25. jQuery.ajax() 중복요청 처리 방지하기 한번만 호출되야하는 ajax가 계속해서 중복요청될 때 방지하는 방법 나는 주로 두가지를 쓴다 변수 처리 ajax 가 완료되기 전에 다시 클릭하였을 때 해당 요청 진행을 막는 코드 상태 변수를 만들어 전송 유무에 따라 Ajax 요청을 하거나 차단한다. var isRun = false; function abcde() { if(isRun == true) { return; } isRun = true; $.ajax({ ... }, success : function(datas) { isRun = false; ... }); } async ajax 세팅 옵션에 async : false를 추가한다. (동기 처리) 동기로 처리하게되면 버튼을 눌러 request 요청을 날렸을 때 response 요청이 올 때까지 다른 re.. 2022. 8. 16. [chart.js] line chart에서 기준 값 이상은 다른색으로 표현하기, line color 변경, 그라데이션없이 단색으로 설정하기 난 이런식으로 단색으로 하고싶었다 하루죙일 찾아봤는데 그라데이션으로 변경되는 것 밖에 못했었다 하지만 결국 답을 찾아냈다 감사합니다 스택오버플로우..... 자세한 소스설명은 소스안에 주석으로 넣어놈.. //파라미터로 라벨, 데이터, 기준값을 가져옴 function setFungChart(labels,data,maxValue){ const ctx = document.getElementById("canvas").getContext('2d'); //나는 파라미터로 data와 labels를 가져와 data.data와 data.labes안에 넣어줬다 var data = { datasets:[{ //y축 data data: data, //기본 borderColor가 없으면 그라데이션이 됨. 난 단색으로 하고싶어서 .. 2022. 8. 5. jquery 스크롤이 있는 영역의 특정한 행으로 스크롤 이동하기, offset안먹힐때 , position https://wogus789789.tistory.com/307 javascript 원하는 지점으로 스크롤 이동, 해당영역으로 스크롤이동 var offset = $('.data').offset(); $('html').animate({scrollTop : offset.top}, 400); 해당 영역의 클랙스명 or id명을 가져와서 적용해주면 된다 wogus789789.tistory.com 예전에 이런 글을 올린적이 있었다 뭔가를 클릭했을때 해당하는 지점으로 스크롤을 이동시키는 것! 근데 이제 offset으로도 안 될때가 있다 html의 전체 body가 아니라 스크롤이 있는 특정 행으로 옮겨졌으면 좋겠는데 offset을 사용하면 절대좌표가 바뀌기 때문에 생각하는대로 먹히지않는다. 그때는 position을 .. 2022. 7. 11. [javascript ,jquery] trigger 처음에 안먹힐때, 클릭이벤트 안먹힐 때, document trigger click, 동적이벤트 후 트리거 웹에서 개발자도구로 해보면 트리거가 다 된다 클릭이벤트의 문제가 아님.... 근데 안되는 js에 넣었을 때 안된다 document.getElementById("facility_list").click(); $('#facility_list').first().trigger('click'); $('#facility_list').first().click(); 그렇다면 document.ready에 넣어주면된다 아무래도 내가 클릭이벤트를 document click을 해서 안먹힌 것 같았다 $(document).ready(function () { $('#facility_list').first().trigger('click'); }); 그리고 이 경우에는 트리거 이벤트와 클릭이벤트의 target이 똑같아야한다 $(doc.. 2022. 7. 5. javascript click이벤트 안먹힐때, 어떤 함수실행 후 재클릭이벤트 안먹힐때 원래 쓰던 클릭이벤트 $('.operate').on('click', function() { /// }) 한번은 클릭이 되는데 다른함수를 클릭한 이후에는 이 클릭이벤트가 먹히지 않았다 동적으로 페이지가 변경되면서 동일한 값에 클릭이벤트가 안먹히는 것 같았다 바꾼 클릭이벤트 $(document).on("click", ".operate", function() { // }) 위처럼 document를 사용하니까 어느곳에서도 클릭이벤트가 먹혔다 2022. 7. 5. javascript time이용하여 실시간으로 반영되는 시간구하기 실시간으로 반영되는 시간 구하기 html js var Target = document.getElementById("clock"); function clock() { var time = new Date(); var year = time.getFullYear(); //month와 date는 2digit으로 표현 var month = (time.getMonth() + 1).toString().padStart(2, "0"); var date =time.getDate().toString().padStart(2, "0"); var day = time.getDay(); var week = ['일', '월', '화', '수', '목', '금', '토']; var hours = time.getHours(); var mi.. 2022. 6. 9. javascript 원하는 지점으로 스크롤 이동, 해당영역으로 스크롤이동 var offset = $('.data').offset(); $('html').animate({scrollTop : offset.top}, 400); 해당 영역의 클랙스명 or id명을 가져와서 적용해주면 된다 2022. 5. 24. 클릭한 요소의 하위요소 값 찾기 화면 클릭한 행의 시설넘버를 가져오고 싶었다 jsp 2022. 5. 16. 이전 1 2 3 4 다음 728x90 LIST
