본문 바로가기

jquery

(4)
[AnyChart] AnyChart Trial Version (체험판 문구) 지우는 방법(JQeury) AnyChart를 이용하여 차트를 구현했는데 하단에 있는 AnyChart Trial Version이라고 써져있는 체험판 문구를 지우고 싶었다. chart.getCredits().setEnabled(false);을 넣으라는 글을 깃허브에서 보긴 했으나 full version을 구매한 후 가능한 얘기인 것 같았다. 그래서 나는 아주 간단한 방법으로 체험판 문구를 삭제했다. F12를 눌러 체험판 문구가 있는 곳의 코드를 확인해보니, 클래스 명이 "anychart-credits"으로 되어있었다. 클래스명도 알았겠다, 나는 JQuery의 remove()를 활용하여 체험판 문구를 삭제했다. remove()는 선택한 요소를 제거하는 메소드다. // initiate drawing the chart chart.draw(..
[Kendo UI] Grid에 row numbers 추가하는 방법 (JQuery) Grid에 row numbers를 어떻게 추가하나 검색해보니, 공식문서에는 다음과 같이 설명이 되어있다. 주요 내용을 요약하자면, 1. record 변수를 선언해준다(var record = 0;). 2. columns 안에 template: "#= ++record #"을 추가해준다. 3. 아래를 추가해준다. dataBinding: function() { record = (this.dataSource.page() -1) * this.dataSource.pageSize();} 전체코드(출처: Kendo UI 공식문서) 그런데 내가 직접 했을 때 문제가 생겼다. var record = 0;과 같이 변수 선언을 했는데 record 변수가 한번도 안 읽혔다는 안내가 나왔다. 그리고 서버에 실행했을 때에 테이블에 ..
[오류일지]10. 반응형 홈페이지의 .cen의 너비 및 반응형 사이트에서의 슬릭 이용법 화면의 크기를 줄였더니 헤더와 메인비주얼 크기가 갑자기 난리났다. 원인이 뭘까? 정답은 내가 .cen의 너비를 max-width가 아닌 그냥 width로 줬기 때문이다! 반응형 홈페이지를 만들 때에는 .cen의 너비는 max-width여야한다!!!! 그런데도 비슷한 문제가 생긴다? body에게 overflow-x:hidden;을 주자. 이렇게 하면 PC버전에서는 문제가 생기지 않는다. 그러나.. 모바일 버전에서 또 비슷한 문제가 발생했다. 원인은 슬릭에서 사용한 arrow 때문에 발생한 문제다. 이걸 어떻게 해결해야 할까? 정답. JS에서 responsive를 다음과 같이 추가해주자! breakpoint: ~px이 될때, settings:{ 다음과 같이 세팅해라 } 그런데..!!! 화면을 줄였다가 다시 ..
[오류일지]7. JQuery - Tab 기능 다음과 같이 SNS 버튼을 눌렀을 때 관련 내용을 나오게 하고 싶다. 그러면 어떻게 하는 게 좋을까? 1. html SNS [지호소프트의 역사:지호한글부터 지호 오피스 NEO까지] 1989년 지호한글의 첫 탄생부터 26년간의 변화를 살펴볼까요?(아니 싫은데) Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempore porro exercitationem aspernatur tempora laborum sapiente error eius maxime eveniet molestias? Doloremque commodi doloribus ut ipsam reprehenderit ab eum! Commodi, illo. Lorem ipsum dolor s..