본문 바로가기

분류 전체보기216

[dataTables.js] n번째 column만 ordering false 만들기 "order": [], "columnDefs": [{ "targets" : 'no-sort', "orderable": false }], 2020. 7. 6.
mouseenter animation + css z-index $(document).ready(function(){ $("#introWrap a").each(function(){ $(this).on("mouseenter", function() { $(this).css("z-index","2"); $(this).stop(true).animate({width:"100%"}, 500); }).on("mouseleave", function() { $(this).stop(true).animate({width:"50%"}, 500) .queue(function(){ $(this).css("z-index","1") }); }) }); }) 2020. 6. 25.
끝에서 n개까지의 요소에 css 적용하기 .l4 .li {margin-bottom: 2%;} .l4 .li:nth-last-child(-n+4) {margin-bottom: 0;} 2020. 6. 18.
checkbox 전체 선택 / 개별 해제시 전체 해제 $("input[type=checkbox]").on('click', function(){ if($(this).attr("name") === "inputForAll"){ //전체선택 클릭시 if($(this).prop("checked")){ $(this).closest(".band-wrap").find("input[type=checkbox]").prop("checked",true); }else{ $(this).closest(".band-wrap").find("input[type=checkbox]").prop("checked",false); } } else{ //개별 체크박스 클릭시 $(this).closest(".band-wrap").find("input[name=inputForAll]").prop("ch.. 2020. 6. 17.
position: absolute인 요소 가운데로 배치시키기 position: absolute; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); 2020. 6. 12.
반응형 a 태그 href #로 바꾸고 pc에서는 link 걸기 if (window_width > 1200) { ... $(this).find(".menu_top").not(".view1200").show(); }else{ $(".nav .nav_m .menu").each(function(){ $(this).find(".menu_top").clone().addClass("view1200").prependTo($(this)).attr("href","#"); $(this).find(".menu_top").not(".view1200").hide(); }); } //.menu_top 하나 더 생성한 후 href를 #로 변경하고 기존 .menu_top은 숨김 //.view1200 은 css를 통해 1200 이상일 때 display:none; 2020. 6. 11.
숫자 천 단위마다 콤마 찍는 내장 함수(toLocaleString) var testNumber = 100000000.0235809; console.log(testNumber.toLocaleString()); //it returns 100,000,000.024 https://this-programmer.com/entry/JavaScript%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EC%88%AB%EC%9E%90-%EC%B2%9C-%EB%8B%A8%EC%9C%84%EB%A7%88%EB%8B%A4-%EC%BD%A4%EB%A7%88-%EC%B0%8D%EB%8A%94-%EB%82%B4%EC%9E%A5-%ED%95%A8%EC%88%98toLocaleString [JavaScript/자바스크립트] 숫자 천 단위마다 콤마 찍는 .. 2020. 6. 9.
dataTables scrollY 에서 tfoot width 맞추기 .tfoot-bg .dataTables_scrollFoot .dataTables_scrollFootInner {padding: 0!important;} 2020. 6. 8.
[Morriss.js] 그래프에서 legend 만들기 var graph1 = Morris.Line({ element: 'graph1', data: [{ "month": '01', "a": 60000000, "b": 55000000, "c": 37000000, "d": 33000000 }, { "month": '02', "a": 63000000, "b": 58000000, "c": 43000000, "d": 38000000 }, { "month": '03', "a": 65000000, "b": 57000000, "c": 38000000, "d": 40000000 }, { "month": '04', "a": 68000000, "b": 57000000, "c": 32000000, "d": 30000000 }, { "month": '05', "a": 7000000.. 2020. 6. 8.

티스토리툴바