etc (30) 썸네일형 리스트형 [jqGrid] 그리드를 생성 후 xmlstring 데이터를 동적으로 로드하는 방법 다음은 버튼을 클릭하여 로딩한 데이터를 그리드에 적용하는 예제입니다. 그리드를 만든 후에 xmlstring 타입의 데이터를 동적으로 로드하여 사용하기 위해 정리한 내용이고 jsonstring 의 경우도 같은 방식으로 적용할 수 있다. 우선 datatype:'local' 지정 후 datatype 을 변경하면서 적용하는 것이 포인트다. 마크쿼리를 이용한 티스토리 반응형 웹 디자인 적용 티스토리의 장점은 스킨을 사용자가 자유롭게 꾸밀 수 있다는 것인데요. 유독 모바일에서만은 제한이 있었습니다. 하지만 2013/08/13 일자로 티스토리에 모바일웹 스킨 On/Off 기능이 생기면서 모바일 페이지도 자유롭게 꾸밀 수 있게 되었습니다. 그렇게 되면서 반응형 웹 디자인 티스토리에 대해 열심히 검색을 하였습니다. 그 중 마크쿼리를 알게 되었고 티스토리 적용 문서도 정말 쉽게 잘 되어 있었습니다. 스킨 적용하고 구글 광고 달고 조금 수정했더니 지금과 같은 멋진 스킨이 되었네요. 마크쿼리 너무 고마운 스킨이네요. 한동안 계속 쓸것 같네요~~~^^ 고마워요 마크쿼리~~~~~~!!!! 참고 마크쿼리 : http://markquery.com/마크쿼리 티스토리 설치 가이드 : http://markquery.. TEXT ART Font : Roman 참고 : http://patorjk.com/software/taag/#p=display&h=3&f=Modular&t= Check All Checkboxes with JQuery jQuery 를 이용하여 체크박스의 전체선택 해제를 쉽게 구현할 수 있다. $(".cb_all").click(function(){ $(".cb_child").attr("checked",$(this).is(":checked"));}); cb_all 클래스의 전체선택/해제를 관여하는 체크박스가 있고 이 체크박스를 클릭하면 리스트에 있는, 즉 cb_child 클래스를 가진 체크박스들이 모두 선택되거나 해제되는 것을 볼 수 있다. selector 는 상황에 맞게 변경하면 된다~~ 코드 실행 [jqGrid cookbook] 1. jqGrid jqGrid를 시작하며 jqGrid 는 jQuery 기반의 그리드 플러그인입니다. 보통 테이블 기반의 데이터를 웹상에 표시하는 것보다 편집, 페이징, 검색, 정렬등의 부가적인 기능을 하는데 번거로울 수 있는데 jqGrid 를 이용하면 이를 좀 더 쉽게 구현할 수 있습니다. 물론 jqGrid를 사용하기 위해서는 사용법을 잘 지켜야 합니다. 사용법을 익히기 전에 먼저 jqGrid 예제를 하나 보겠습니다. 아래의 그리드는 테이블 형식의 데이터를 출력하는 것은 물론이고 각 컬럼에 대한 정렬, 검색, 새로고침, 페이징 등을 구현한 화면입니다. 코드량은 얼마나 될까요? HTML 단 2줄, 스크립트는 25줄이면 그리드를 표현하고 검색, 정렬, 페이징 등의 다양한 기능을 구현할 수 있습니다. 물론 데이터는 서버에 요청.. [소셜댓글] 티스토리[Tistory]와 디스커스[Disqus] 연동 티스토리[Tistory]와 디스커스[Disqus]와의 연동이 이제는 잘 됩니다. 여러 소셜댓글 시스템을 연동하면서 디스커스[Disqus] 만 안되어서 티스토리의 내부 문제로 보고 포기(?)하고 있었는데 오늘 자로 연동해보니 잘되는 것을 확인하였습니다. 디스커스[Disqus]를 사용하는 다른 분들의 끈임없는 요청으로 된것 같아 기분이 참 좋네요~ 오늘부터 자바파크 블로그에서도 디스커스[Disqus]로 바꿉니다. PageSpeed Insights 이용하기 PageSpeed InsightsPageSpeed Insights is an open-source project started at Google to help developers optimize their web pages by applying web performance best practices. PageSpeed Insights started as an open-source browser extension, and is now available via PageSpeed Insights and as an API. 시작하기 전에1. 구글 계정 : https://www.google.com/accounts/NewAccount2. API key : 1) APIs Console(https://code.goog.. [소셜댓글] 티스토리(Tistory) + 라이브리(LiveRe) 연동 티스토리 + 라이브리 소셜댓글 LiveRe 를 블로그에 적용해 보았습니다. 티스토리 블로그에서는 두가지 방식을 사용할 수 있는데요. 1. 티스토리 플러그인 하나는 티스토리에서는 플러그인방식으로 쉽게 등록할 수 있는 방법입니다. 다음 순서에 따라 진행을 하면 관리자 메뉴 -> 플러그인 -> 플러그인 설정 -> 소셜댓글 LiveRe -> 키 발급 -> 확인 각각의 글마다 아래와 같은 화면을 얻을 수 있습니다. 2. 코드 직접 설치 또 하나는 라이브리 사이트에서 직접 코드를 얻어와서 등록하는 방법입니다. 이 방법도 그리 복잡하지는 않습니다. 사이트에 접속하여 LiveRe 설치하기 버튼을 누른후 순서대로 따라하면 코드를 얻을 수 있습니다. 이 코드를 티스토리의 원하는 위치에 붙여넣기 하여 아래와 같은 화면을 얻.. 이전 1 2 3 4 다음
