본문 바로가기

[HTML5] audio, video tag 지원 유무 확인 if ( document.createElement("video").canPlayType ) {console.log("true")} //지원 else { console.log( "false" );} //미지원 더보기
[Javascript] 정규식. 전화번호, 휴대폰 번호 추출. 검증 웹페이지를 제작시, 전화번호를 입력받는 화면이 있다.아래와 같은 화면... 운전자 연락처(숫자만 입력) (필수입력) 파라미터, 화면 디스플레이시 하이픈(-)을 요구할 때,정규식을 사용하면 편하다. //가운데가 4자리 "01012345678".replace(/^(01[016789]{1}|02|0[3-9]{1}[0-9]{1})-?([0-9]{3,4})-?([0-9]{4})$/, "$1-$2-$3") //가운데가 3자리 "0101234567".replace(/^(01[016789]{1}|02|0[3-9]{1}[0-9]{1})-?([0-9]{3,4})-?([0-9]{4})$/, "$1-$2-$3") 이렇게 정규식을 사용하면 가운데가 3자리든 4자리든 010-1234-5678, 010-123-4567 의 형태로 .. 더보기
[Javascript] 아이폰에서 브라우저 백버튼 클릭시 새로고침 안되는 문제. 크롬기반 브라우저 및 안드로이드에서는 브라우저 백버튼을 클릭하였을 때, 이전 페이지 정보를 refresh 한다.하지만 IOS 사파리의 경우 그렇지 않다.페이지에 대한 모든 정보를 사파리에서 저장하고 있기 때문이다.흔히 Hybrid App, Single Page Web 을 구현하게 되면(일반 web도 마찬가지...),간혹 로그인 체크라던가, 필요한 데이터를 받기 위해 document 의 ready에서 ajax를 통해 API들을 요청하게 된다. 하지만 아이폰(사파리)에서 브라우저 백버튼을 눌렀을 때, ready 내의 fuction이 정상 동작하지 않게 된다.이를 해결하기 위해선 window 객체의 onpageshow라는 이벤트를 구현해야 아이폰에서 브라우저 백버튼을 눌렀을 때도, 원하는 결과를 얻을 수 있다.. 더보기
[HTML5] 안드로이드 및 아이폰에서 input file 사용시 카메라 호출하기. 오랜만에 글쓰네요.요즘 하이브리드 웹을 많이 사용하시는데요.네이티브 코딩없이 카메라 호출하는 법에 대해 쓰겠습니다.안드로이드의 경우 2.2버전 이하는 카메라를 호출 할 수 없습니다.(4.0이상, 2.2 이하 에서만 확인해봤습니다.ㅠ 2.3단말기가 없어서)아이폰은...IOS 6 이상에서만 확인해 봤습니다.(아마 5이하는 안될듯 하네요)흔히 input file을 사용할때 type만 file로 옵션을 주는데요.이러면 lg단말기나, 베가 단말에서는 카메라 라는 항목이 보이지 않을 수 있습니다.(삼성은 카메라 라는 항목이 뜨더군요. 얼마나 뜯어 고친건지...;)하지만 또는 accept 에 파일 형식을 쓰고, capture 항목에 camera 라고 써주면 직접 카메라가 호출되는 것을 볼 수 있습니다.안드로이드의 경.. 더보기
[Android] GCM Test URL 일단..내가 필요하기때문에 간단하게 만들어 놨지만, 기능들은 점점 추가될 예정입니다. ( 지금은 하나만 저장되지만, 추후에,, 리스트 저장등..ㅎ) 링크 : GCM 테스트 더보기
[jQuery] mobiscroll 에 타이틀 넣기. 센차에서는 datepicker를 자체 제공하지만, jQuery 에서는 따로 지원을 하지 않는다.그래서 mobiscroll을 많이 사용한다.jquery와 mobiscroll...하지만 mobiscroll에는 치명적인 단점이 있는데, picker 타이틀을 지원하지 않는다.그래서 core를 수정해 봤다. mobiscroll.core.jsLine : 675 html += '' + (s.display != 'inline' ? '' + '' + s.cancelText + '' + '' + s.titleText + '' + (s.button3 ? '' + s.button3Text + '' : '') + '' + s.setText + '' + '' : '') + ''; 위의 코드를 merge 하고, mobiscroll.. 더보기
[Javascript] input file 이미지 미리보기, 썸네일 보기, Thumbnail /** * 이미지 썸네일을 불러오는 function * @param html : input 필드의 dom을 인자로 받는다. 물론 타입은 file * @param $target : 불러온 이미지를 적용할 jquery 객체. **/ function getThumbnail(html, $target) { if (html.files && html.files[0]) { var reader = new FileReader(); reader.onload = function (e) { $target.css('background-image', 'url(\"' + e.target.result + '\")'); } reader.readAsDataURL(html.files[0]); } } 냉무. 더보기
[Javascript] 현재 위치 얻어오기. window.navigator.geolocation.getCurrentPosition(successCallback, failedCallback); 더보기
[jQuery] html 동적 추가후 jQuery Default UI 적용하기. 이것때문에 몇일을 삽질하고....화면 만든 다음에 크롬에서 컨트롤 CV를 얼마나했는데...아래의 코드로 간단하게 적용할 수 있다.... //이렇게만 하면 jQuery의 Default UI가 적용이 되지 않는다. $("타겟").append("추가할 html"); //하지만 강제로 pagecreate 트리거를 발생시키면!! $("타겟").append("추가할 html").trigger("pagecreate"); //Default UI가 짠하고 생성된다.!! 위의 코드는 오직!! data-role 이 page 인 것만 동작한다.다른 data-role에서도 적용할 수 있는 방법을 찾아...보아야겠다. .... 잠깐의 고민으로... 위의 문제를 수정한 코드!!정말 간단하네..참..이걸로 몇일을 고민하다니. //트.. 더보기
[jQuery] checkbox, radiobox javascript로 제어하기. 화면 진입시 체크박스에 대한 세팅이 필요할 때가 있다. jQuery는 익숙치 않아, 이부분을 찾는데 시간이 많이 걸렸는데, 아래의 코드로 간단하게 제어할 수 있다. //uncheck. $('.selector').prop('checked',false).checkboxradio('refresh'); //check $('.selector').prop('checked',true).checkboxradio('refresh'); 화면을 refresh 해주어야 정상적으로 check가 되는 것을 확인 할 수 있다. 그리고, 해당 checkbox의 체크여부를 알고 싶다면??? /** * @return boolean */ $('.selector').is(':checked'); 더보기