본문 바로가기
728x90

study/javascript19

fullcalendar mobile size 조절 피시에서는 달력이 가득차게 나오는데 모바일에서는 잘려서 스크롤해야 보이게끔 나온다. contentHeight 속성을 사용하면 해결가능! contentHeight:function(){ if(screen.width 2021. 10. 14.
jquery,javascript select option 변경 jquery 로 셀렉트 옵션 변경하기! $('select[name="color"]').val("info").attr("selected", "selected"); $('select[name="color"]').val('inverse'); javascript로 변경하기 document.getElementsByName('color')[0].value='danger'; 2021. 10. 13.
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.
jquery 특정영역으로 scroll하기 폼체크 할 때 특정 값이 비어있으면 입력해달라고 얼럿을 띄워주면서 해당 항목으로 이동하게끔 하려고 사용했다. $('select[name="test"]').offset().top 로만 이동 시키면 내가 보여주고자 하는 요소 밑부분부터 보여줌. 내가 원한 그림은 아니었다. 그래서 화면의 반만 더 올라가게함! 글솜씨가 없다ㅠ 이해가 안되면 개발자 도구 열고 웹 콘솔에 이런식으로 직접 실행해보면 이해가 될 것이다! 다음과 같이 작성하면 내가 원하는 요소가 중간 부분에 스크롤 되서 나타난다. $('html, body').animate({scrollTop : $('input[name="test"]').offset().top-$(window).height()/2}, 200); 마지막 200이란 숫자는 몇초동안 이동시.. 2021. 9. 15.
javascript, jquery 이미지 미리보기(preview image) 첨부파일 사이즈도 제한하면서 미리보기 구현! (멀티플 아니고 단일파일에 한해서다.) 미리보기 핵심은 굵게 표시한 부분이라고 보면 될것 같다. var maxSize = 10*1024*1024; //10mb $('input[name^="File"]').on("change", function () { var oObj = $(this); if (this.files && this.files[0]) { var fileSize = this.files[0].size; if (fileSize > maxSize) { alert(" 10MB 이내 파일을 업로드해주세요."); return false; } var reader = new FileReader(); reader.onload = function(e){ oObj.par.. 2021. 9. 15.

티스토리툴바