본문 바로가기

Programming/jQuery11

jQuery global Ajax event handler jQuery global Ajax event handler jquery를 사용하면서 post를 자주 사용하는데.. 유저가 로그인이 풀렸는지 확인하기 위해서 이것저것 보다.. ajax 이벤트가 글로벌로 올라 오는게 있길래 끄적여 봅니다. 아래와 같이 사용하면 됩니다. $(document).ajaxSuccess( function(event, xhr, settings){ var response; try { response = $.parseJSON(xhr.responseText); } catch(e) { response = null; } if (response) { console.log(response); }else{ console.log(xhr.responseText); } } ); 출처 : http://ap.. 2016. 10. 21.
javascript를 console 명령어 팁... javascrip에서 디버그를 하면서 console 명령을 쓰면 참~ 편하게 개발 할 수 있습니다.하지만, ie 낮은 버전에서는 에러를 뱉고 멈춰 버리죠... 참.. 난감하죠.. ^ ^;;그래서 IE 낮은 버전에서 오류를 발생하지 않고 사용하는 방법을 찾다가 찾은 방법입니다. /** * console을 지원하지 않는 경우 처리 */if (!window.console) console = {};console.log = console.log || function () { };console.warn = console.warn || function () { };console.error = console.error || function () { };console.info = console.info || functi.. 2013. 7. 3.
[jQuery] if문으로 요소(element)가 있는지 확인하기. 자바스크립트에서는 아래와 같이 해당 id가 있는지(exists) 체크를 합니다. if (document.getElementById('myDiv')) { alert('myDiv exists'); } 하지만, jQuery에서는 아래와 같이 확인합니다. if ($('#myDiv').length) { alert('myDiv exists'); } 2009. 11. 19.
[jQuery] JSON에서 데이터 읽어 오기. jQuery를 사용해서 JSON의 데이터를 읽어서 사용하는 예제입니다. JSON Data { 'US' : {'AK' : 'Alaska', 'AL' : 'Alabama'}, 'CA' : {'AB' : 'Alberta', 'MB' : 'Manitoba'} } jQuery 스크립트 $.getJSON('/state.json',function(data) { $.each(data.US, function(key,state) { $($select_state).append('' + state + ''); }); }); 설명 /stat.json 이라는 파일에서 JSON 데이터를 읽어 와서 data에 넣습니다. $.each로 data안에 'US'의 내용을 하나씩 읽어서 key과 state에 넣습니다. 아래 append예제는.. 2009. 11. 19.
[jQuery] 애니메이션 후 삭제하기. selectedLi.slideUp("normal").remove(); 이런식으로 slideUp()이후에서 remove()를 하려고 하면, 바로 애니메이션이 보일려고 하다가, 바로 삭제 되어 버립니다. 이럴 경우에는 callback을 이용해서 remove()를 넣어 주시면, 의도한 대로 애니메이션이 실행되고 나서 삭제 작업이 실행 됩니다. selectedLi.slideUp("normal", function() { $(this).remove(); } ); 2009. 11. 19.
jQuery UI 선택 메뉴 jQuery UI 선택 메뉴 플러그인은 HTML의 select 기능을 확장 할 수 있도록 제작 되었습니다. 느낌이 전혀 다른 선택 메뉴 및 아이콘 옵션을 추가해서 계층 구조로 만들 수 있습니다. 그리고, 마우스 동작과 키보드 제어 및 테마 기능까지 갖추고 있습니다. 웹사이트 바로 가기 데모 보기 바로 가기 다운로드 2009. 11. 17.
jQuery를 사용해서 폼 기본값 넣기. 폼에서 기본값을 넣어 주고.. 포커스가 가면 그 값을 지워주는 코드 입니다. defaultValue에 대한 자바스크립트 코드는 이곳을 참고 하세요. $(document).ready(function() { $('input[type=text]').focus(function() { if($(this).val() == $(this).attr('defaultValue')) { $(this).val(''); } }) .blur(function() { if($(this).val().length == 0) { $(this).val($(this).attr('defaultValue')); } }); }); 위와 같은 코드를 넣어 주고.. 아래와 같은 코드를 사용하시면 됩니다. 이렇게 해 주면.. "입력해주세요."가 기본값.. 2009. 10. 30.
파이어버그를 이용한 자바스크립트 디버깅.. FireBug는 파이어폭스의 디버그용 에드온 입니다. 이 파이어버그를 이용해서 javascript를 좀 더 유연하고, 우아하게 디버깅하는 방법을 소개 해 볼까 합니다. 전 이걸 모르기 전까지는 주로 alert을 사용해서 주로 디버깅을 했습니다. -_-;; 정말 시끄럽고 우아하지 않은 방법이였는데. firebug 덕분에 우아한 자바스크립드 디버깅이 가능해 졌습니다 ^^; 먼저 준비물.. FireFox : http://www.mozilla.or.kr/ko/ FireBug (파이어폭스 에드온) : https://addons.mozilla.org/en-US/firefox/addon/1843 파이어폭스를 설치 하시고 에드온을 설치 하시면 됩니다. 설치가 제대로 되었다면 위 스샷과 같이 바퀴벌레 한마리가 파폭 오른.. 2009. 9. 23.
JavaScript Framework 비교 사이트. javascript framework를 비교해 주는 사이트가 있어서 이렇게 소개 드립니다. 주소 : http://matthiasschuetz.com/javascript-framework-matrix/en/ JavaScript Framework Matrix 라는 사이트 인데.. 여러가지 스크립트 엔진 성능과 문법을 비교해 놓고 있습니다. 자바스크립트 프레임워크를 사용하시다가, 다른 프레임워크로 변환 할려고 할때 문법을 비교 하는데도 많은 도움이 될 것 같습니다. 이 사이트에서 비교하고 있는 자바스크립트 프레임워크는 아래와 같습니다. jQuery MooTools The Dojo Toolkit Prototype Script.aculo.us Ext.JS Adobe Spry BBC Glow Yahoo UI! Li.. 2009. 9. 14.
자바스크립트 압축 풀기(javascript decompress) 가끔 웹 소스를 분석하다 보면, 로딩속도를 위해서 자바스크립트를 한줄로 쫘악 해 놓은 경우가 있습니다. 이럴때 정말 분석하기 난감하죠 ^^;; 그렇다고 한줄씩 칸 내리기를 하기도 그렇구... 이럴때 한번에 이런것을 해결해 주는 사이트가 있어서 소개 할려고 합니다. 주소 : http://jsbeautifier.org/ (function($){$.fn.extend({accordion:function(){return this.each(function(){if($(this).data('accordiated'))return false;$.each($(this).find('ul, li>div'),function(){$(this).data('accordiated',true);$(this).hide()});$.each.. 2009. 9. 8.