본문 바로가기
반응형

Development/Javascript4

Raphaeljs 무료 차트 사용해 보니 좋은데~ Raphaeljs Library를 사용하여 차트를 만드는 일을 어떻게 하다 보니 하게 되었는데, 처음에는 다소 진입 장벽이 높다고 생각했지만 쓰다 보니 응용 성이 뛰어난 플러그인 이네요.HTML5의 SVG와 VML로 동작하는 벡터 그리기 도구이며, 벡터 그림을 그리기 위한 API를 제공하고 있어 다양한 응용작을 만들 수 있습니다. 한마디로 말하자면 C 같이 생각하시면 될 것 같아요.단지,, 벡터의 특징 때문에 좌표로만 그려져 복잡한 그림은 힘들어요. ㅠ. 그래서 단순하게 사각형, 삼각형, 원, 타원, 다각형, 선, 텍스트로 이루어진 차트를 만들기에는 적합하죠.MIT 라이센스를 가지고 있어, 저작권 표시만 넣어 준다면 수정 배포, 상용 프로그램에도 사용할 수 있어요.. 완전 Free is free!!!!다.. 2013. 12. 19.
JqGrid의 treeGrid를 사용하면서 rownumber 속성을 설정할 때 버그 jqGrid 속성중에 treeGrid와 rownumber라는 속성이 있습니다. treeGrid 속성을 true로 설정하면 그리드 형태가 리스트형이 아닌 트리 구조로 내용을 표시하게 되고, rownumber 속성을 true로 설정하면 리스트 앞부분에 해당 레코드의 표시번호를 보여주게 됩니다. 이 속성이 만나게 되면 하나 문제가 발생하게 되는데요. 트리 구조는 접었다 폈다를 할 수 있으며, expand column에 확장기호(+)를 자동으로 넣어주게 되는데 rownumber가 설정되어 있으면 expand column 위치가 달라지게 되어 정확한 표현을 할 수 없습니다. 예를 들어, 컬럼이 A, B, C가 있으며 ExpandColumn 속성으로 B를 expand로 사용하겠다 설정하면, rownumber가 설정.. 2013. 9. 6.
JQuery 사용 시 필요한 js 파일 로드 하기 웹 표준 html5가 아닌 경우에는 type 속성을 넣어 주시고, html5 표준을 따르는 페이지에서는 type 속성이 default로 지정되어 있기 때문에 type 속성을 주지 않아도 됩니다. 구글에서 제공하는 첫 번째 jQuery 로드 방법 구글에서 제공하는 두 번째 jQuery 로드 방법 [VERSION]에 jQuery의 버전을 입력하게 되면 구 버전의 jQuery를 로드할 수 있습니다. jQuery 공식 홈페이지에서 제공하는 스크립트입니다. 예제 샘플을 보면 이런 스크립트가 있는데, 최신 버전을 로드하고 있습니다. jQuery에서 다운 받아 블로그나 개인 호스팅에 업로드하여 로드하는 방법jquery.com과 jquerykorea.net 각 홈페이지에 들어가시면 최신 버전을 다운 받으실 수가 있습니.. 2012. 5. 21.
JQuery를 이용한 리얼클릭 스크롤 배너 움직이기 제 블로그의 오른쪽에 리얼센스 광고가 플로팅 스크롤되어 위 아래로 움직이고 있습니다. 웹 2.0이 도래하면서 Javascript Library중 각광받고 있는 jQuery는 자바스크립트 기반이기는 하지만, 기존의 스크립트 코딩방식과 차이가 있습니다. 어떤 기능을 하는 함수를 구현할려면 기존의 코딩으로 5라인의 코드가 있다면, jQuery는 단 하나의 Function으로 구현할 수 있습니다. 자 이제, 저 스크롤 코드를 분석해보도록 하겠습니다.2012/05/21 - [Development/JQuery] - JQuery 사용 시 필요한 js 파일 로드 하기먼저 jQuery가 홈페이지에 로드되어 있다는 가정하에 이하 코드를 설명하겠습니다.div 레이어는 티스토리 스킨 기준으로 밑에 넣고, [Value]는 원하.. 2012. 5. 19.
반응형