본문 바로가기
728x90

JavaScript17

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.
jquery select2 change select2 는 다음 사진처럼 검색 기능이 있는 select 박스이다. 다른 부분을 클릭했을 때 select2의 value를 변경하는 방법 $('.category').val('021').trigger('change'); //class가 category인 요소를 value가 021인 애로 바꿔라. 참고 How to set selected value of jQuery Select2? This belong to codes prior to Select2 version 4 I have a simple code of select2 that get data from AJAX. $("#programid").select2({ placeholder: "Select a Program", allowClear: stackov.. 2021. 9. 28.
ECharts 그래프 별 색깔 다르게 echart로 각 데이터 바 색을 다르게 하는 방법. 이런 식으로 나오게 하고 싶을때 사용한다. itemStyle 을 사용 var option = { grid: { left: '1%', right: '2%', bottom: '3%', containLabel: true }, tooltip : { trigger: 'axis' }, toolbox: { show : true, feature : { magicType : {show: true, type: ['line', 'bar']}, restore : {show: false}, saveAsImage : {show: true} } }, color: ["#009efb", "#75ae5d"], calculable : true, xAxis : [{type : 'cate.. 2021. 9. 23.

티스토리툴바