본문 바로가기

jQuery

[html5-예제] web storage 중 local storage 예제 : http://whatdo.net/html5/example/#4 브라우저에 저장하는 기능으로 아주 많은 양은 아니더라도 부족하지 않을 만큼을 저장할수 있다. 정확히 얼마인지 기억이 가물가물... 이와 같은 사용법으로 sessionStorage 가 있는데, 말그대로 브라우저를 닫았다 다시 열번 전자는 계속 유지하고 있는 반면 후자는 삭제된다. localStorage는 임의로 지울때까지 계속 보유하고 있는다. cookie 로 어렵게 하지 말고, webstorage를 이용하면 편할듯. ---------------------소스(스크립트짜기 귀찮아서..ㅡㅡ;; + jquery)-------------------------------------------- var ls = window.localStorag.. 더보기
[html5-예제] 멀티업로드 그리고 Canvas+Video +++ jquery 얼렁뚱땅 Demo : http://whatdo.net/html5/example/#0 - 파이어폭스 강추....(video 태그에서 ogv파일을 chrome,safari 지원못함) - 파일업로드시 멀티업로드와 drag&drop을 지원한다. - 업로드후 ogv(코덱명이 생각안남) 파일은 시간단위로 잘라 합치는 것처럼 보이게 함. (sample ogv 파일 다운로드후 테스트) - play 되는 canvas 위에 글자 입력. - local storage 로 업로드된 파일 목록 기억. 덧.2010.09.01 참고 사이트 : http://webreflection.blogspot.com/2009/03/safari-4-multiple-upload-with-progress.html 더보기
[jQuery] radio, checkbox 값 선택시 val() 활용법 http://docs.jquery.com/Attributes/val#val Single Single2 Multiple Multiple2 Multiple3 check1 check2 radio1 radio2 더보기
[jQuery]파일 선택후 확장자 빼오고 경로 빼오기 $("#file").change( function(){ val = $(this).val().split("\\"); f_name = val[val.length-1]; //마지막 화일명 s_name = f_name.substring(f_name.length-4, f_name.length);//확장자빼오기 if(s_name.toLowerCase() == '.jpg'){//허용 확장자 비교 $("#img_file").html(f_name); }else{ alert("jpg 파일만 선택해 주세요."); return false; } }); 더보기
[jQuery]form plugin - ajaxForm(options) 활용예제 - formToArray : $("#폼아이디")... - formSerialize : $("#폼아이디")... - fieldSerialize : $("#폼아이디 input")... - fieldValue : $("#폼아이디 input")... - clearForm - clearFields - resetForm var as = $("#F").formToArray (); alert(as[0].name); //필드명 호출 alert(as[0].value); //같은 배열의 필드 값 호출 //값은2차 배열까지 지원 이름 별명 취미 내용 파일 보내기 파일전송도 됨 더보기
jQuery로 부른 아이디 객체 역으로 아이디명 빼오기 ㅋㅋㅋㅋ 클릭 나만 몰랐던 걸까 ..a 더보기
[jQuery] Cookie 플러그인 http://plugins.jquery.com/node/5774 (function($){ $.cookie = function(key, value, options) { if(arguments.length > 1) { var o = $.extend({}, $.cookie.defaults, options); if (value === null || value === undefined) { value = ''; o.expires = -1; } if (o.expires.constructor != Date) { var today = new Date(); today.setDate(today.getDate() + o.expires); o.expires = today; } // Create the cookie string.. 더보기
jQuery 와 prototype 과 같이 사용시.. jQuery.noConflict(); 상단에 기입, jQuery가 $의 사용권한 포기 그러기 때문에 $를 같이 쓰지 않게 하기위해 jQuery로 치환한다. 더보기