Programming/Hybrid App 31

[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] // 주석제거 정규식.

언어마다 정규식 표현방식이 다르다. 특히 Javascript의 경우, RegExp라는 function을 사용하여 만든다. ( 물론 사용하지 않고도 만들 수 있다. 하지만 Syntax Error 를 경험하게 될것이다.) 기본적인 문법은 다음과 같다. /** * 1.권장하는 방법.. **/ var regExp = new RegExp(pattern,modifiers); //또는. /** * 2.같은 정규식을 만들더라도..Syntax Error가 많이 발생하는 것을 경험했다. **/ var regExp = /pattern/modifiers; 1번방법을 이용하여, 주석을 제거하는 정규식을 만들어 보겠다.("//" 에 해당하는 주석만 삭제된다.) /** * "//"로 시작하고, "\n"(줄바꿈)으로 끝나는 글자(문..

[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');

[jQuery] 외부 html파일을 읽어 현재 페이지에 추가하기.(append external html into current page)

화면을 동적추가할때 코드로 html을 추가하게된다. 하지만, 그 양이 많다면, 소스코드가 지저분해질 수 있는데, 아래와 같은 방법으로 html파일을 읽어 원하는 곳에 추가할 수 있다. /** * @param data : 파싱된 데이터가 리턴된다. **/ $.get("fileName", function(data){ $('추가할 Root View').append($(data).fadeIn()); });