본문 바로가기

top

(6)
chartjs-plugin-datalabels 그래프 모든 라벨 동시에 표시 CharJS 의 사용법과 옵션은 www.chartjs.org 에 가면 다 나옵니다.. 참고 바랍니다. ^^; 여기서 다룰 것은, chartjs 에서는 툴팁이 마우스 커서를 올려야(hover) 표시되는데.. 모바일 기기에서는 이게 안 되잖아요. 그러니 차트가 그려질 때, 숫자가 모두 보여져야 한다는 거구요. 이걸 해결하기 위해 chartjs 용 플러그인으로 datalabels 를 사용하는 겁니다. 일단 chartjs-plugin-datalabels.netlify.app 를 방문해서 참고하시고.. datalabels 플러그인을 세팅하면 그래프 안에 수치가 주욱 들어갑니다. 그런데, data set 에는 수치로만 넣어야 하기 때문에.. 수치에 대한 단위라든가, 천자리 쉼표 처리는 datalbels 의 form..
iframe 안에서 iframe 밖의 요소를 활용하는 방법 a.jsp 에는 아래와 같은 내용이 포함되어 있고,... b.jsp 에서 a.jsp 에 있는 idA 의 어떤 요소를 활용하려고 할 때..(물론, 동일 Domain.) top.$('#아이디') 와 같이 사용.
forward, include http://ihacker.blog.me/110016122739 참조. *. forward : 원래의 JSP 에서 다른 JSP 로 현재 페이지를 전환. : 전환시 원래의 JSP 가 가지고 있던 request (파라미터 포함) 와 response 개체를 그대로 사용. 만약 원래의 JSP 에 파라미터가 있었다면 request.getParameter("변수명") 으로 호출이 가능 1. pageContext 개체의 메소드 파라미터를 추가하는 경우 2. JSP 액션 파라미터를 추가하는..
position fixed 를 사용하여 화면이 스크롤 되어도 고정 위치에 표시 ...상기와 같이 하면 오른쪽 상단에 div 가 놓여진다. 스크롤 하더라도 그 위치가 변함이 없다.레이어가 있는 화면의 경우 z-index:100 과 같이 값을 주면 되겠고..그런데, doctype 이 정의되어 있지 않다면 작동하지 않는다. jquery 와 함께 사용하여 일정한 공간을 스크롤 한 다음에야 표시되게 하고,일정한 공간이 남은 다음에 표시되지 않게 할 수도 있겠다..처음엔 나오지 않다가 어느정도 스크롤 하면 나오게 하거나,반대로.. 처음엔 나오다가 일정한 스크롤이 이루어지면 표시되지 않도록 할 수도 있겠다. jquery 를 이용해서 일정한 곳으로 애니메이션 스크롤http://luckypong.tistory.com/73
jquery 위치 정보 http://blog.naver.com/uri9148?Redirect=Log&logNo=130091239052$('...').position().left 와 $('...').position().top 은 body 의 left 와 top 이 각각 0 인 곳에서부터 해당 오브젝트 까지의 거리로 계산됨.화면을 스크롤 하더라도 $(window).scrollLeft() 나 $(window).scrollTop() 을 더할 필요가 없다는 이야기.다만, 화면 중앙에 보여줘야 한다면.. $(window).width(), $(window).height(), $('...').width(), $('...').height() 등을 고려.
jQuery, 영역 범위 좌표 width height *. http://uix.kr/archives/649 - .height(), .width() : margin, border, padding 제외한 수치. 순수 element 영역 IE 에서 만약 element 가 꽉채워지지 않았다면 .height() 값은 세팅된 수치와 다를 수 있다. .width() 는 IE 에서도 세팅된 수치와 동일 Chrome 에선 .width() 나 .height() 모두 elelment 과 꽉채워지건 아니건 세팅된 수치와 동일 - .innerHeight(), .innerWidth() : margin, border 제외한 수치. element 와 padding 포함 영역. .height() 에 padding-top + padding-bottom 를 더한 값과 .width() 에 p..