본문 바로가기
728x90

study/javascript19

팝업창 오늘 하루 보지 않기 쿠키사용 $('.no-today-see').on('click',function(){ var iExpireDays = 1; var oTodayDate = new Date(); oTodayDate.setDate( oTodayDate.getDate() + iExpireDays ); document.cookie = 'supplyPop'+"="+ escape('done')+";path=/;expires="+oTodayDate.toUTCString()+";" }); 오늘 하루 보지 않기 클릭시 새로고침해도 팝업창이 하루동안 뜨지않게 하는 법. 하루가 아니라 이틀 삼일 등 좀더 늘리고 싶다면 iExpireDays 를 변경해서 사용. 개발자도구 어플리케이션>좌측 쿠키탭에서 새로운 쿠키가 생성 된 것을 확인할 수 있다. 2021. 12. 10.
jquery click 이벤트 클릭 이벤트 아이디가 change 인 요소를 클릭 했을 때 이벤트 캐치! 해당 소스는 특정 버튼을 눌렀을 때 서버에 데이터를 전송 후 결과값을 받기위해 사용한 것이다. $('#change').on('click',function(){ console.log(arr); $.ajax({ url:'/~~~~~.php', data: { arr: arr }, dataType: 'json', method: 'post' }).done(function (result) { location.reload(); alert(result.msg); }).fail(function(e){ console.log(e); alert(result.msg); }); }); 클래스가 change인 요소를 클릭했을 때! $('.change').on('click.. 2021. 11. 12.
Ckeditor4 placeholder 한 페이지에 여러개의 에디터를 뒀을 때 각자 다른 placeholder를 줘야하는 상황에 사용할 수 있다. 해당 사이트 들어가서 플러그인 다운받고 plugins 폴더에 넣는다! https://ckeditor.com/docs/ckeditor4/latest/features/editorplaceholder.html Editor Placeholder - CKEditor 4 Documentation Learn how to install, integrate and configure CKEditor 4. More complex aspects, like creating plugins, widgets and skins are explained here, too. API reference and examples inclu.. 2021. 11. 8.
javascript indexOf 몇번째 내가 찾고자 하는 요소가 배열,문자열에 몇번째에 있는지 찾는 법 이름.indexOf(찾고자하는이름) aCategory.indexOf(44) 겹치는 값이 있으면 몇번째 자리에 있는지 모두 알려주는 게 아니라 먼저 앞에 있는 수의 자리를 알려준다! 2021. 11. 1.
for in for of (for of IE지원 안함) IE에서만 css가 깨진다고 보니 js쪽에서 에러.. for에서 에러가 났다. ???뭐지 for (var i of data.info) { if(i.name== ~~~ ) } 검색하니 IE 지원안한다고 적혀있었다. 그래서 for in 으로 변경.. for(var i in data){ if(data[i].name== ~~~) } https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/for...of for...of - JavaScript | MDN for...of 명령문은 반복가능한 객체 (Array, Map, Set, String, TypedArray, arguments 객체 등을 포함)에 대해서 반복하고 각 개별 속성값에 대해 .. 2021. 10. 28.
fullcalendar data ajax로 가져와 달력에 뿌리기 달력의 시작일과 마지막 일의 날짜를 서버로 넘겨 조회시킨다. 디비에서 불러온 일정 데이터를 events의 callback함수로 넘긴다. 서버에서 넘길때는 이런 형식으로 넘겼다. 물론 json 형식 문자열로 변환해서 던졌고... $aSchedule[] = [ 'title' => $data['title'], 'start' => date('Y-m-d H:i', strtotime($data['start_date'])), 'end' => date('Y-m-d H:i', strtotime($data['end_date'])), 'className' => 'bg-' . $data['color'], 'id' => $data['idx'], 'content' => $data['content'] ]; 풀캘린더 쪽에는 다음을 .. 2021. 10. 14.