Programming/JS/Jquery/Ajax2014. 9. 11. 12:05

jQuery Table Plugin 괜찮은 것 소개


메뉴얼 : http://mottie.github.io/tablesorter/docs/index.html


데모http://mottie.github.io/tablesorter/docs/index.html#Demo


tablesorter Bootstrap LESS theme 도 지원함


아래 샘플 보면 row 추가삭제에 대한 설명이나 페이징에 대한 설명도 잘 나와있다.

샘플설명자료http://mottie.github.io/tablesorter/docs/index.html#Examples


그리고 다양한 추가 플로그인 존재하여서 관리툴 개발시 상당히 유용함

Plugins / Widgets
 these widgets are included in the jquery.tablesorter.widgets.js file (except for extra filter formatter functions) 
 this widget is included with the plugin core.


Posted by 시니^^
Programming/JS/Jquery/Ajax2014. 8. 21. 18:51

※ Jquery용 tablesorter 

http://mottie.github.io/tablesorter/docs/index.html


※ 설명가이드가 상당히 잘되어있음(페이징설명되어있음)

http://mottie.github.io/tablesorter/docs/index.html#Demo

http://mottie.github.io/tablesorter/docs/index.html#Examples


※ 부스트랩테마도 지원

http://mottie.github.io/tablesorter/docs/example-widget-bootstrap-theme.html


Posted by 시니^^
Programming/JS/Jquery/Ajax2014. 4. 28. 21:28

jquery.animateNumber(Counter)

 - 숫자 점점 증가시켜 주는 Jquery Plugin


다운로드 및 예시 아래 사이트

http://aishek.github.io/jquery-animateNumber/



Example 1: simple animation

This plugin only 0 lines of code.

$('#lines').animateNumber({ number: 165 });
Example 3: multiple properties

Fun level 0 %.

var percent_number_step = $.animateNumber.numberStepFactories.append(' %') $('#fun-level').animateNumber( { number: 100, color: 'green', 'font-size': '30px', easing: 'easeInQuad', numberStep: percent_number_step }, 15000 );

※ 예시는 사용할거 두개정도만 우선.. 좀더 자세한건 사이트 통해서.....!!깔끔하게 좋네!!!!!!!!!

    그리고 보면 ... 예전에는 직접 다 만들어서 사용했는데...

   요즘에는 그냥 구글링 하면 github이나 stackoverflow등 통해서 좋은소스들 너무 쉽게 찾는 것 같다;;;;; 

Posted by 시니^^