728x90 SMALL Front69 체크박스 선택이벤트 foreach를 통한 리팩토링 var checkboxes = document.querySelectorAll(".toggle input[type=checkbox]"); checkboxes.forEach(function(checkbox) { if (!checkbox.checked && checkbox.value==='ALERT') { //비활성화인 경우 토글활성화 checkbox.checked = true; } }); .toggle input[type=checkbox]를 가지고 있는 애를 불러워서 checkbox가 선택이 되었는지 확인한 후 비활성화인 경우 활성화를 시켜주는 코드 document.querySelectorAll(".toggle input[type=checkbox]") .forEach(checkbox => { if (!che.. 2023. 6. 8. 지정시간이 지날때까지 브라우저에 이벤트 없으면 세션삭제 후, 로그인페이지로 이동하기 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. background-image를 javascript, jquery를 사용하여 동적으로 바꿔주기 background image를 js, jquery 사용하여 동적으로 바꿔주고 싶을 때 나는 jquery가 편해서 jquery를 씀 예시) var url = "https://cdn.pixabay.com/photo/2022/08/14/13/42/flower-7385943_960_720.jpg"; //javascript var ele = document.getElementByClassName("container"); ele.style.backgroundImage = `url(${url})`; //jquery $(".container").css({"background-image":`url(${url})`}); 최종코드) function changeImg(){ var type = getParameterByNam.. 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. no such method 'hide' for tooltip widget instance JqueryUI works like: $el.tooltip("option","show"); $el.tooltip("option","hide"); Bootsrap works like: $el.tooltip("show"); $el.tooltip("hide"); 나는 부트스트랩이 없는데 "show"이렇게 해서 안먹힌 것이었다 option,show이렇게 하니까 에러는 사라졌다 참고ref https://www.edureka.co/community/69008/error-no-such-method-show-for-tooltip-widget-instance Error no such method show for tooltip widget instance I am using ajax to submit a form for .. 2022. 6. 22. 이전 1 2 3 4 ··· 7 다음 728x90 LIST
