EpoNg's Life

Front-End/jQuery

• 한글, 영어, 자음, 모음, 특수문자 정규식

  Front-End/jQuery 2016. 2. 12. 13:59

  한글검사 정규표현식 (자음, 모음만 있는 한글은 불가) 한글검사 정규표현식 (자음, 모음만 있는 한글도 가능) 특수문자 및 이모티콘 제외/^[0-9a-zA-Z가-힣ㄱ-ㅎㅏ-ㅣ\x20]*$/gi;

  Read More
• youtube 동영상 Thumbnail 가져오기

  Front-End/jQuery 2015. 2. 11. 15:53

  기존 jyoutube.js 좀 변경; (function($){ $.extend({ jYoutube: function( url, size ){ // if(url === null){ return ""; } // // size = (size === null) ? "big" : size; // var vid; // var results; // // results = url.match("[\\?&]embed/([^&#]*)"); // // vid = ( results === null ) ? url : results[1]; // // if(size == "small"){ // return "http://img.youtube.com/vi/"+vid+"/default.jpg"; // }else { // return "..

  Read More
• 패스워드 엔터 입력시 로그인 시키기.

  Front-End/jQuery 2015. 2. 10. 20:55

  $("#txt_password").keypress(function(event) {if(event.keyCode == "13"){$("#btn_login").trigger("click");}});

  Read More
• jQuery Array merge 중복 데이터 제거

  Front-End/jQuery 2015. 1. 9. 10:14

  Jquery Array 머지할때 중복데이터 제거 하다.. 야근한 기억 벗삼아 정리하자. var prevJson = {"product_list": [ { "PrdCd": "111170145", "qty": 1, }, { "PrdCd": "111172558", "qty": 1, }, { "PrdCd": "111170116", "qty": 1, }, { "PrdCd": "111170117", "qty": 1, }, { "PrdCd": "111170118", "qty": 1, } ] };var nextJson = {"product_list": [ { "PrdCd": "111172558", "qty": 2, }, { "PrdCd": "111170116", "qty": 2, }, { "PrdCd": "1111701..

  Read More
• Remove Array Value By index in jquery

  Front-End/jQuery 2014. 11. 3. 17:55

  Remove Array Value By index in jquery var arr = {'abc','def','ghi'}; ArrayName.splice(indexValueOfArray,1); 1 //removes 1 item starting at indexValueOfArray.인덱스로 지우기..

  Read More
• Tabhold 를 이용한 롤클릭 이벤트 처리.

  Front-End/jQuery 2014. 10. 2. 16:26

  jquery 롱클릭 이벤트 처리 롱클릭을 사용할 일이 많지는 않지만.. 특이한 경우 사용했던 때가 있어서 정리해 본다. 기본적으로 제공하는 이벤트보다 이걸 사용하는것을 추천.. 제이쿼리 모바일쪽 탭 홀드.. http://api.jquerymobile.com/taphold/ Demo ONE tap-hold TWO tap-hold (alt) THREE tap-hold click FOUR tap-hold click (alt) FIVE draggable tap-hold click (alt) SIX droppable tap-hold click (alt) SEVEN 5s tap-hold HTML ONE tap-hold TWO tap-hold (alt) THREE tap-hold click FOUR tap-hold ..

  Read More
• jquery.cj-swipe.js 소개

  Front-End/jQuery 2014. 10. 2. 15:14

  모바일용 jquery.cj-swipe.js 소개 모바일용 웹앱 개발할때 많이 쓰는 api 다. 이거랑 swipe.js 를 활용하면. 모바일화면과 웹 화면에서 둘다 스와이프가 잘 동작 하는걸 확인 할 수 있다. 데모 소개~ **모바일에선 안되요 PC화면보기로 보세요** jQuery Mobile Touch Swipe Plugin v1.0 좌측 우측 스와이프 해보세요. 자세한 내용은 http://www.codingjack.com/playground/swipe/ 요기 확인. ADD AN EVENT BELOW AND SWIPE ME Events Fired: 0 clear counter JavaScript var element, txt, counter, stats, num = 0; $(document).ready(..

  Read More
• jQuery 를 이용한 + - 버튼 만들기.

  Front-End/jQuery 2014. 10. 2. 14:42

  jQuery 를 이용한 - + 버튼 만들기. html JavaScript $(document).ready(function(){ // This button will increment the value $('.qtyplus').click(function(e){ // Stop acting like a button e.preventDefault(); // Get the field name fieldName = $(this).attr('field'); // Get its current value var currentVal = parseInt($('input[name='+fieldName+']').val()); // If is not undefined if (!isNaN(currentVal)) { // Increm..

  Read More
• HTML5 Local Storage

  Front-End/jQuery 2014. 3. 3. 14:11

  문제: HTML5의 WebStorage API 중 하나인 Local Storage에 대해 좀 자세히 살펴봤다. 해결책: 개요 HTML5에서는 클라이언트에 데이터를 저장하는 2개의 객체를 제공한다.하나의 세션 단위로 데이터를 저장하는 SessionStorage 와,만료 기간이 없는 LocalStorage 가 있다. 두 가지 모두 key/value 쌍으로 저장하며, 사용 방법은 거의 비슷하다.여기서는 Local Strorage 에 대해 자세히 살펴보려고 한다. 간단 사용법 사용법은 정말 간단하다.전역으로 할당되어 있는 localStorage의 메서드를 사용하며, 데이터는 key/value 쌍으로 구성된다. 아래와 같이 setItem() 과 getItem()으로 값을 저장하거나 가져올 수 있다. localSt..

  Read More
• [jQuery] radio 값 가져오기, 설정하기

  Front-End/jQuery 2013. 11. 27. 10:23

  # [jQuery] radio 값 가져오기, 설정하기 1. radio 버튼 에서 체크된 값 가져오기.var mailTp = $(':radio[name="mailTp"]:checked').val(); 2. radio 버튼 값 체크하기$('input:radio[name=mailTp]:input[value='+mailTp+']').attr("checked", true); ----------------------------------------------------------------- ... 메일 발송 미발송 ... -----------------------------------------------------------------

  Read More