javascirpt 33

[jQuery] 제이쿼리에서 아이템 동적 추가후 스타일 적용 문제(select, listview 등)

리스트뷰에만 해당하는 것은 아니고, 모든 jquery 위젯에 해당하는 문제인데, 아이템들을 동적 추가하면 jquery에서 자동으로 추가하는 class 들이 해당 dom에 추가되지 않는다. jquery는 html 화면을 불러들일 때, html을 파싱해서 각각 태그에 맞게 클래스를 추가하게 된다. dom을 동적으로 추가할 경우, 이 로직을 타지 않기 때문에 jquery 스타일이 적용되지 않는다. 이 문제를 해결하기 위해서는 1줄만 추가해주면 된다. - listview$jqueryObject.listview('refresh') - select$jqueryObject.selectmenu('refresh') 동적 추가후 화면이 제대로 적용이 되지 않는다면! refresh를 꼭 해주자!

Programming/Web 2017.05.11

[Hybrid, Web] 키 입력시 숫자만 가능하도록 세팅.

오래만에 글 올리네요. 모바일 웹 그리고 일반적인 웹의 input tag 에서 키 입력 제어하는 방법입니다. 모바일 웹의 경우 type 으로 숫자키보드를 보이게 하거나, pattern 에 정규식을 넣어서 숫자를 제어하는 경우가 많습니다. 하지만! 가끔씩.....적용이 안되는 단말기가 있더군요. 특히 type의 경우 tel로 해놓아도 커스텀 키보드의 경우는 지원되지 않는 경우도 발생합니다. 키 입력시 자바스크립트로 제어 코드를 넣는다면 간단히 해결 가능합니다. 아래와 같은 input tag에.... onkeypress 이벤트에 validate 라는 function을 넣어주면 됩니다. function validate() { if (event.keyCode >=48 && event.keyCode

[Javascript,Java]ReplaceAll 에서 점, dot(.) 문제 해결하기.

자바스크립트에는 replaceAll이 존재하지 않는데 기본으로 제공하는 것처럼 포스팅 했군요. replaceAll 관련 function을 추가하는 포스팅을 했었는데요. 관련 페이지를 첨부합니다. [Javascript] 자바스크립트에서 replaceAll 하기 (Click!) ====================================================================================== 자바스크립트에서 replace를 사용하였을때 점(.)이 다른 문자로 잘 치환되나, replaceAll을 사용하였을 경우 모든 문자로 인식하는 문제점이 있다. 물론 자바에서도 마찬가지 인데, 간단하게 아래와 같이 사용하면 점(.)을 다른 문자로 치환할 수 있다. //replaceAl..

Programming/Web 2015.10.08

[Android] 앱 캐시 제거(Webview 등)

오랜만에 글쓰네요.. 프로젝트가 안정화 단계에 접어들다보니 포스팅할만한 내용이 없었네요. 하이브리드 앱을 제작하다보면 앱캐시로 인해 변경된 화면이 표시가 안되는 경우가 종종 있었는데요. 앱캐시를 확실하게 날릴 수 있는 코드입니다. /** * 앱 캐시를 가차없이 지운다. */ public static void clearApplicationCache(Context context, File file) { File dir = null; if (file == null) { dir = context.getCacheDir(); } else { dir = file; } if (dir == null) return; File[] children = dir.listFiles(); try { for (int i = 0; i ..

Programming/Android 2015.04.27

[Javascript] 커스텀 이벤트 만들기.

jQuery의 경우 trigger를 통해 간단하게 커스텀이벤트를 만들 수 있다. 하지만 실제로는 약간은...복잡한 형태로 되어 있다. - 샘플코드 var customEvent; if (document.createEvent) { customEvent = document.createEvent("HTMLEvents"); customEvent.initEvent("fimtrus", true, true); } else { customEvent = document.createEventObject(); customEvent.eventType = "fimtrus"; } if (document.createEvent) { mtk.now.inputObj.dispatchEvent(customEvent); } else { mtk..

Programming/Web 2014.10.31

[Javascript] get으로 넘어온 파라미터를 Object 형태로 변환

아래와 같이 데이터가 주소에 포함되어 있을 때, 하나하나 꺼내오려면 상당히 귀찮다(어렵진 않지만...) http://fimtrus.tistory.com/1?data1=123&data2=1234 화면이 로딩되는 시점에서 아래 function을 넣어주면 주소에 포함되어 있는 파라미터 값들을 편하게 들고 올 수 있다. /** * @author jonghyun.jeong * @since 2014.04.01 * URL과 함께 넘어온 데이터들을 리턴한다. */ function getUrlValue( key ) { var valueObject = {}, hash, value; var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1)...

Programming/Web 2014.10.21

자바스크립트 난독화(패킹, 언패킹)

자바스크립트는 "소스보기"를 통해 외부에 노출된다.(아래는 모 사이트 난독화 적용화면) 그러기에 더욱 난독화의 적용이 필요하다.(난독화를 적용한다고 해서 소스 분석이 안되는 것은 아니다. 단지 보기 힘들뿐) 웹을 통해 난독화를 적용시킬 수 있는 사이트를 소개한다. 난독화 (click)난독화 해제 (click) 출처 : 박종명의 아름다운 개발

Programming/Web 2014.10.14