프로그램/jQuery/Javascript
-
[jQuery] tabs 사용방법 및 예제프로그램/jQuery/Javascript 2013. 9. 15. 23:49
jQuery tabs 예제 입니다 tabs는 아주 편리한 함수라고 생각합니다. GNB 역할을 해주기 때문에 웹어플리케이션을 좀더 강력한 어플리케이션으로 만들때 필요한 중요한 역할이라고 볼 수 있겠네요. css만 손봐주면 아주 더 멋진 함수일거 같은데요. 사용방법은 간단합니다. 필요 파일들을 인크루드 해주시구요. DIV에 ID를 지정하고 그 ID를 $('#ID').tabs(); 를 해주시면 됩니다. 예제로 보여드리겠습니다. $(function(){ $('#tabs').tabs(); }); 회원가입 정회원신청 시험자격증신청 2012년 이전차시 교부신청 무시험자격증 교부신청 자격증재교부 1 2 3 4 5 6
-
[jQuery]animate 예제 및 사용법 입니다.프로그램/jQuery/Javascript 2013. 9. 14. 19:00
jQuery animate() 를 사용해볼까요? 이 함수는 css 속성들을 이용하여 사용자 애니메이션을 수행 하는 것 입니다. 대신 비수치형 속성값들로는 애니메이션 효과를 줄 수 없습니다. 예를 들어 width,height,left 와 같은 수치형은 제어가 가능하고, background-color 와 같은 것은 사용이 불가능 합니다. 스타일 속성 뿐만 아니라, 비 스타일 속성들(scrollTop, scrollLeft, 그리고 사용자 정의 속성 같은) 들도 애니메이션 효과에 사용할 수 있습니다. 수치는 픽셀단위로 제어 할 수 있고 , em과 %같은 값들도 지원 합니다. 그리고 더불어 'show', 'hide', 'toggle'과 같은 문자열도 사용할 수 있습니다. .animate( properties [,..
-
[jQuery]쿠키(cookie) 함수프로그램/jQuery/Javascript 2013. 9. 14. 10:32
jQuery 쿠키 입니다. javascript 쿠키 함수도 있지만 먼저 jQuery로 만든 쿠키 함수를 공유 합니다. 사용방법은 일반 쿠키를 사용 하는 방법이랑 같습니다. 아래 소스를 참고 해주세요. // jQuery Cookie plugin $.cookie = function(name, value, options) { if (typeof value != 'undefined') { options = options || {}; if (value === null) { value = ''; options.expires = -1; } var expires = ''; if (options.expires && (typeof options.expires == 'number' || options.expires.toUT..
-
[javascript/jQuery]백스페이스 뒤로가기 방지하기프로그램/jQuery/Javascript 2013. 9. 13. 15:10
jQuery로 백스페이스, 뒤로가기 방지하기 사용자가 무심코 백스페이스를 눌렀을때 뒤로가는 것을 방지 할때 사용 하는 함수 입니다. 코드만 첨부하겠습니다. 개인적인 취향에 따라 수정해서 사용 하면 될 거 같습니다. $(document).bind("keydown",function(e){ if( (event.ctrlKey == true && (event.keyCode == 78 || event.keyCode == 82)) || (event.keyCode == 116) || (e.keyCode==8) ){ event.keyCode = 0; event.cancelBubble = true; event.returnValue =false; } });
-
[jQuery/javascript] escape,encodeURI,encodeURIComponent 인코딩 종류와 사용예프로그램/jQuery/Javascript 2013. 9. 12. 14:09
escape(),encodeURI(),encodeURIComponent() 는 무엇일까요? 웹언어를 하다보면 인코딩이 참 말썽이죠? JSP때는 거의 기본으로 인코딩을 했던 기억이 나네요. 저는 주로 jQuery Ajax로 데이터를 보내어 요청할 경우 escape를 사용하는데요. 뭐 특수문자를 url 로 주고 받을때 오류나거나 할때 필요한 함수들 입니다. escape() 아스키문자가 아니라면 모두 유니코드 형식으로 변환됨. 1바이트 %XX 2바이트 %uXXXX encodeURI() 특수문자 인코딩 안됨. : ; / = ? & 등의 특문. 보통 파라미터 전달하는 인터넷 주소전체를 인코딩함 ex)encodeURI : http://naver.com/?return=%EA%B3 encodeURIComponent()..
-
[jQuery] 셀렉터(seletor) 비슷한 값으로 찾는 방법프로그램/jQuery/Javascript 2013. 9. 11. 11:09
비슷한 값으로 찾는 방법 입니다. 참 제목 짓기 힘드네요. 내용 설명 하겠습니다. jQuery selector 중 ID,CLASS 로 선탁 하는 것 말고 비슷한 이름을 불러온다거나 target="_blank"로 되어 있는 값을 선택해오 거나 할때 사용 하는 방법입니다. 자주 쓰는 방법은 아니지만 알아두면 좋을 거 같네요. 특히나 비슷한 ID를 찾는 방법은 동적으로 값을 뿌릴 경우 유용하게 쓰일거 같습니다. 소스를 참고해주세요. //a태그 안에 target="_blank" 라는 속성값이 있어야함 $("div > a[target].css("background","#CCC")") //href 값중에 같은 값을 찾아냄 $("div > a[href='url]").css("background", "#CCC"); /..
-
[javascript/jQuery] 클립보드 액세스 허용여부 확인하기프로그램/jQuery/Javascript 2013. 9. 11. 10:28
클립보드 허용여부를 어떻게 확인하지? 클립보드를 활용하여 코드를 짜는 경우 이러한 문구가 나옵니다. 하지만 클라이언트가 액세스 허용을 했는지.. 안했는지 여부를 판단하는건 모르겠죠? 뭐 제가 사용하는 방법이 100%정확하다 라고는 말씀 못드립니다만. 저는 이렇게 해도 문제가 없었습니다. 아래 소스를 참고하시면 됩니다. function setClip(){ var txt = $(this).attr("attr") == "url" ? url : urlImg; if ((navigator.appName).indexOf("Microsoft")!= -1) { var returnAccess = ''; if(window.clipboardData){ var ret = null; ret = clipboardData.clear..
-
[jQuery/javascript] 폼필터, 폼선택, 폼 가져오기 <form selector>프로그램/jQuery/Javascript 2013. 9. 11. 10:13
jQuery Form의 값 가져오는 방법. selector 폼필터 종류에 대해 알아보겠습니다. 모든 폼앞에는 : 가 들어갑니다. 알아보게 쉽게 표로 보여드리겠습니다. :button :checkbox :checked :disabled :enabled :file :focus (1.6 이상에서 지원) :image :input 모든 input 요소 :password :radio :reset :selected :submit :text :hidden 사용 예로는? //개수구하기 $("input[name=chk1]:checkbox:checked").length //체크여부 $("#check_all").is(':checked')