Lv.Max 를 꿈꾸는 개발자 블로그

Media Query에서 디바이스의 넓이를 구하기 위해서 사용되는 명칭은 두가지다.max-width 와 max-device-width 가 있는데 각각 다른 특징을 가진다.max-width 는 현재 웹뷰에서의 상대크기, 즉 device-ratio가 적용된 사이즈를 말한다.iphone5의 경우 device-ratio 는 2, 실 디바이스 넓이는 640pixel이다.하지만 max-width에는 320pixel로 대응된다.이말은 device-ratio(안드로이드에서의 density)가 현재 웹뷰에서 적용되는 1pixel의 크기와 동일하다고 볼 수 있다.max-device-width는 위와 반대로 실제 디바이스 넓이를 기준한다.ratio와는 상관없이 실제 픽셀의 기준을 적용시킨다는 의미다.나는 max-device..

센차에서는 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..

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

크롬으로 디버깅을 하더라도, CSS에서 지원하는 function들의 code assist 를 지원하지 않는 경우가 많다. 아래의 사이트를 참고하면 보다 편하게 작업할 수 있을 것이다. 링크 : Mozilla CSS Reference 링크 : W3 CSS Reference

window.navigator.geolocation.getCurrentPosition(successCallback, failedCallback);

이것때문에 몇일을 삽질하고....화면 만든 다음에 크롬에서 컨트롤 CV를 얼마나했는데...아래의 코드로 간단하게 적용할 수 있다.... //이렇게만 하면 jQuery의 Default UI가 적용이 되지 않는다. $("타겟").append("추가할 html"); //하지만 강제로 pagecreate 트리거를 발생시키면!! $("타겟").append("추가할 html").trigger("pagecreate"); //Default UI가 짠하고 생성된다.!! 위의 코드는 오직!! data-role 이 page 인 것만 동작한다.다른 data-role에서도 적용할 수 있는 방법을 찾아...보아야겠다. .... 잠깐의 고민으로... 위의 문제를 수정한 코드!!정말 간단하네..참..이걸로 몇일을 고민하다니. //트..

출처 : http://developer.android.com/about/dashboards/index.html

화면 진입시 체크박스에 대한 세팅이 필요할 때가 있다. jQuery는 익숙치 않아, 이부분을 찾는데 시간이 많이 걸렸는데, 아래의 코드로 간단하게 제어할 수 있다. //uncheck. $('.selector').prop('checked',false).checkboxradio('refresh'); //check $('.selector').prop('checked',true).checkboxradio('refresh'); 화면을 refresh 해주어야 정상적으로 check가 되는 것을 확인 할 수 있다. 그리고, 해당 checkbox의 체크여부를 알고 싶다면??? /** * @return boolean */ $('.selector').is(':checked');

이건..길게 설명 할 것도 없고, 아래의 코드를 적용하면 된다. Append : $('Root View').append($(data).fadeIn()); Remove : $('삭제할 화면').fadeOut("normal", function() { $(this).remove(); });