뭐였지?

차트 라이브러리

- 업무 중에 차트를 만들어야 하는 일이 생겨서 차트 소스를 검색

- 원하는 형태를 표현해주는 차트가 있어서 담음

아래 3개의 차트 사용법은 각각 사이트에서 확인 할 수 있다.

6가지의 차트를 모아놓은 라이브러리

http://www.chartjs.org/

Chart.js 의 확장 버전인 차트 라이브러리

https://github.com/Regaddi/Chart.StackedBar.js

더욱 다양한 차트를 모아놓은 라이브러리

http://www.highcharts.com/

                                                                                               "끝"

jQuery latest version url

<script  src="http://code.jquery.com/jquery-latest.min.js"></script>

// 숫자 타입에서 쓸 수 있도록 format() 함수 추가
Number.prototype.format = function(){
    if(this==0) return "";
    var reg = /(^[+-]?\d+)(\d{3})/;
    var n = (this + '');
    while (reg.test(n)) n = n.replace(reg, '$1' + ',' + '$2');
    return n;
};
   
// 문자열 타입에서 쓸 수 있도록 format() 함수 추가
String.prototype.format = function(){
    var num = parseFloat(this);
    if( isNaN(num) ) return "";
    return num.format();
};

//사용법
NumberObject.format();
StringObject.format();

URL : http://stove99.tistory.com/113

jQuery 오랫만에 코딩중에 checkbox 전체 선택을 구현중이었다..

checkbox 에 전체 선택, 해제를 구현하고 다시 전체 선택을 하니 화면에는 표시 되지 않고 속성(checked="checked")만 추가되는 것이었다.

검색 결과 의외로 뽐뿌에서 답이 나왔다.

jQuery 버전 1.7이상 부터는 체크해제 시  $(selector).removeAttr("checked"); 이런식으로 속성을 지워버려서 적용이 안되어 보이는듯 했다.

$(selector).prop('checked',$(this).is(":checked"));

이런식으로 prop 를 수정해주니 2회 이상 동작 구현이 완성되었다.

그동안 좀 바뀌었구만.. ㅎㅎ

URL : http://www.ppomppu.co.kr/zboard/view.php?id=developer&no=5655

<!-- test.html -->

<script>
function pop(){
    window.open('test.html');
}
</script>

<select name="asd" onchange="javascript:pop(); return false;">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
</select>

<!-- //test.html -->

이런 라이브러리 찾는게 더 신기함

jquery.easing.1.3.js ->영역 넓혔다 줄였다 하는건데 옵션 따라 움직임이 달라짐... 자세한건 URL로 이동

URL : http://gsgd.co.uk/sandbox/jquery/easing/

jquery.quicksand.js -> 정렬하는건 쓸만한듯 데이터를 빠르게 이동 시켜줌(사실 치환이 더 빠르지 않나?)... 자세한건 URL로 이동

URL : http://razorjack.net/quicksand/

jquery.flexslider-min.js -> 클릭으로 슬라이드 이동(뭐든지 취향껏..)... 자세한건 URL로 이동

URL : http://www.woothemes.com/flexslider/

jquery.waitforimages.js -> 터치 슬라이드... 자세한건 URL로 이동

URL : https://www.assembla.com/code/personal-movies-catalog/subversion/nodes/js/jquery.waitforimages.js?rev=10