본문 바로가기

JAVASCRIPT41

JS차트 (구글 차트) 한글 사용법 [자바스크립트 차트] 2년전 정도에 챠트를 사용하려다 좌절한적이 있다. 그래서 fusion chart 라는 플래쉬 차트를 사용한 적이 있는데... 유료라서 trail 버전이라고 라벨이 나오는 것이다. 상용 사이트에 써야 하는데 참 난감 했다 여러가지 차트를 사용해보려고 했지만... 전부 한글 문제에서 걸려 넘어졌다. 근데 시간이 지나니... 역시 구글이 해결해 주었다. 예전에는 구글 차트가 한글이 되지 않았었는데... 요새는 되는 것 같다. 구글 차트의 사용법은 아래 URL 을 참고 하시고... http://code.google.com/intl/ko/apis/chart/ 한글이 되는 코드를 예시해 보겠다. img 태그에 url 을 써주면 구글에서 이미지를 내려주는 형식이다. 나는 img 태그를 안보이게 했다가 그래프 버튼을 .. 2010. 12. 5.
JQUERY 로 AJAX 사용 동적 select 박스 사용 1 번 select 박스 2 번 select 박스 요런식으로 나열되어 있을때 1번 select 박스가 변경 되면 2번 select 박스 내용이 변경 되어야 하는 경우가 있다 예를 들면 1번 select 박스에 서울, 경기도... 등의 option 선택지가 있고 2번 select 박스는 서울 - 서초,강남,송파, 경기도 - 하남, 구리... 등의 선택지가 나오는 경우 이다. test.jsp 에서 선택을 하면 test1.jsp 에서 select 박스를 만들어서 뿌려주는 방식을 선택하였다 jquery 공부도 할겸 겸사 겸사로 좋은 예제를 만들어본 것 같다. //test.jsp ===========================================================================.. 2010. 11. 16.
자바스크립트 배열 정렬 ( sort() 를 사용) 자바는 Collection.sort() 등을 이용해서 정렬을 지원 하는데... 자바스크립트도 배열에서 정렬을 지원한다. sort() 를 이용해서... var a = [33,4,1111,222]; a.sort(); document.write(a.join()); 을 하면 알파벳 순으로 1111,222,33,4 로 출력이 된다. (join() 는 배열안의 내용을 모두 출력하는 메소드임) a.sort(function(a,b){ return a-b; }); document.write(a.join()); 이렇게 하면 a-b 가 가장 작은 결과가 나오는 값부터 정렬이 되기 때문에 번호순으로 4,33,222,1111 이 결과로 나오게 된다. 2010. 6. 10.
자바스크립트 연관 배열을 이용한 동적 객체 접근 (접근 객체 이름 동적 바꾸기) 자바스크립트에서 for(i=0;i 2010. 6. 10.