Category Archives: Mobile Web

Sencha touch 샘플사이트

http://nils-dehl.de/m/ : 그림 맞추기 게임

http://ficeto.ddns.nbis.net/mail/index.html : 메일
http://touchsolitaire.mobi/app/ : 프레쉘
참조
http://chaospace.tistory.com/236 오버레이패널

iscroll.js selectbox 선택이 안되는 버그 수정

touchStart: function(e) 의

e.preventDefault();
e.stopPropagation();

위 두 줄을 아래와 같이 변경

if (e.target.nodeName.toLowerCase() != ”select”) {
e.preventDefault();
e.stopPropagation();
}

 

jQuery mobile range step 작동하게 하는 스크립트

In jquery.mobile-1.0a3.js, refresh method in $.widget(”mobile.slider”… at line 3697, add code to get the ”step” attribute value (the first two lines below are already there):

 

min = (cType === ”input”) ? parseFloat(control.attr(”min”)) : 0,

max = (cType === ”input”) ? parseFloat(control.attr(”max”)) : control.find(”option”).length – 1,

step = (cType === ”input”) ? parseFloat(control.attr(”step”)) : 0;

 

 

Around line 3722 this code is found:

 

var newval = Math.round( (percent / 100) * (max – min) ) + min;

 

Replace this line with the ones below:

 

// newval needs to support floating point min / max values, and must round to the step value

var newval = (percent / 100) * (max – min) + min;

newval -= (((newval – min) * 100) % (step * 100)) / 100;

newval = Math.round(newval * 100 + .1) / 100;

개발관련 참조 Webkit

하이브리드 앱 관련

phonegap – http://phonegap.com

appspresso – http://appspresso.com

 

WebKit & Framework

iscroll – http://code.google.com/p/iscroll-js/

jQTouch – http://jqtouch.com

jQuery – http://jquery.com

jQuery Mobile – http://jquerymobile.com/

 

JQuery Mobile Listview 동적 추가 관련

[crayon lang=”html” toolbar=”false”]

  • 리스트 1
  • 리스트 2
  • 리스트 3

[/crayon]

이런 경우에서 리스트를 동적추가 한다음 스타일이 적용 되지 않는 문제점이 있다
Ajax를 통한 동적추가를 한경우 아래의 스크립트 한줄을 추가하면 해결!!

$(”#message”).listview(”refresh”);