iOS HostName을 기반으로 현재 디바이스의 네트워크 상태를 얻기위한 메소드다.

HostName은 http:// <<= 당연히 생략해야한다.

SystemConfiguration.h 을 import하고.. 


- (BOOL)networkReachable {
    Reachability *r = [Reachability reachabilityWithHostName:@"121.137.211.103"];
    NetworkStatus internetStatus = [r currentReachabilityStatus];
    if(internetStatus == NotReachable) {
        return NO;
    }
    return YES;
}




wifi 또는 wwan의 구분 또한 가능하다.
NetworkStatus enum은 아래와 같다. 
typedef enum {
	NotReachable = 0,
	ReachableViaWWAN, // this value has been swapped with ReachableViaWiFi for PhoneGap backwards compat. reasons
	ReachableViaWiFi  // this value has been swapped with ReachableViaWWAN for PhoneGap backwards compat. reasons
} NetworkStatus;

따라서 
internetStatus != ReachableViaWWAN
internetStatus != ReachableViaWiFi

처럼 현재 디바이스의 네트워크 상태를 보다 상세히 파알할 수도 있다.

var self = this;

navigator.geolocation.getCurrentPosition( function(position) {

self._lat = position.coords.latitude;

self._lng = position.coords.longitude;

self.getPositionSuccess(type, destinationAddress);

/**

 * Force the PhoneGap geolocation to be used instead of built-in.

 */

Geolocation.usingPhoneGap = false;

Geolocation.usePhoneGap = function() {

    if (Geolocation.usingPhoneGap) {

        return;

    }

    Geolocation.usingPhoneGap = true;

    // Set built-in geolocation methods to our own implementations

    // (Cannot replace entire geolocation, but can replace individual methods)

    navigator.geolocation.setLocation = navigator._geo.setLocation;

    navigator.geolocation.getCurrentPosition = navigator._geo.getCurrentPosition;

    navigator.geolocation.watchPosition = navigator._geo.watchPosition;

    navigator.geolocation.clearWatch = navigator._geo.clearWatch;

    navigator.geolocation.start = navigator._geo.start;

    navigator.geolocation.stop = navigator._geo.stop;

if(jquery.csob.isAndroid == false){

//Android일때는 ChildBrowser 메소드를 수행할 필요가 없다.

ChildBrowser.install(); 

}else{

/*

Android일때 Geolocation 기능을 사횽하고자 할때 아래 메소드를 수행해줘야 한다.

*/

Geolocation.usePhoneGap();

}

<div data-role="page" id="page_default" data-theme="e">
.
.
 

<div data-role="content">

<div id="collapser" data-role="collapsible" data-collapsed="true">

<h3>검색어 입력</h3>

<input  id="enteredItemField" type="search" value="" placeholder="검색어를 입력하세요."</input>

<div data-role="controlgroup" data-type="horizontal" align="center">

<a id="enteredItemSaveButton"href="#" data-icon="star" data-role="button">검색어 저장</a>

<a id="directSearchButton"href="#" data-icon="search" data-role="button">바로 검색</a>

</div>

</div>

<ul id="ItemList" data-role="listview">

<!-- 여기에 동적으로 li가 붙는다. -->

</ul>

</div>

<!-- CONTENT END -->

</div>
.
.



1. 특정 영역만을 scroll가능도록 하기 위해서 일단 이 페이지 (#page_default) 의 스크롤링을 prevent하자.

$("#page_default").live('touchmove', function (e) { e.preventDefault(); }, false); 

 

2. iscroll.js를 페이지에 import하자.
<script src="./lib/iscroll.js"></script>





3. scrolling되었으면 하는 영역을 래핑하자.
 

<div id="wrapper">
    <div id="scroller">
        <ul id="itemList" data-role="listview">
            <li>...</li>
        </ul>
    </div>
</div>

#wrapper {
    position:relative;
    z-index:1;
    width:100%;
    height:350px;
    overflow:auto;
}

roll = new iScroll('scroller'); 


결과 >> 리스트 부분만 스크롤링 된다. 

이 모든 내용은 
http://cubiq.org/iscroll 에 돔 더 자세히 잘 나와 있으니, 참고도록 하자.

" This is an event that fires when PhoneGap is fully loaded. "
(ref : http://docs.phonegap.com/phonegap_events_events.md.html

 말 그대로 deviceready 이벤트는 phonegap 이 모두 로드 완료되었을대 fire되는 이벤트 . .

결국 phonegap 로드가 실패했으니 deviceready 이벤트가 발생하지 않은것.

대부분 phonegap.js의 경로가 잘못되어 발생하는 문제다.

phonegap.js의 import 구문의 경로와 실제 phonegap.js의 위치가 일치하는지를 다시 한번 살펴보도록 하자.

dojox.mobile

dojox에 mobile 패키지가 있는줄 오늘에서야 알았다.

호기심반 기대반으로 오늘부터 조금씩 살펴보아야 겠다.

http://dojotoolkit.org/reference-guide/dojox/mobile.html







http://dojofoundation.org/mobile/

일단 dojo 1.5에서 출발의 의미를 가지고 있고, 1.6에서 부터나 쓸만해 질것 같다.

jQuery Mobile의 페이지 기본 구조는 아래와 같이 

Page Container 하위 Header, Content, Footer를 기본으로 이루어져있다.

(Header, Footer가 빠진다고 해서 문제 될 것은 없다.)

- Single 페이지

Page > Header, Content, Footer 

<div data-role="page"> 
	<div data-role="header">...</div> 
	<div data-role="content">...</div> 
	<div data-role="footer">...</div> 
</div> 

- Multi 페이지

<body> 
Page> Header, Content, Footer 
SubPage> Header, Content, Footer
페이지간 이동은 anchor태그에 이동할 페이지의 id를 href="#bar" 와 같은 방식으로 설정한다.
(스크립트를 이용하여, 페이지 이동을 하고자 할때는 
$.mobile.changePage("#bar", "pop", false, false); 처럼 changePage 메소드를 이용하면 된다.
참고 : http://jquerymobile.com/demos/1.0a2/#docs/api/methods.html)

<!-- 메인 페이지 -->
<div data-role="page" id="foo">

	<div data-role="header">
		<h1>Foo</h1>
	</div><!-- /header -->

	<div data-role="content">	
		<p>메인 페이지 입니다</p>		
		<p>다음 페이지 :  <a href="#bar">Click</a></p>	
	</div><!-- /content -->

	<div data-role="footer">
		<h4>Page Footer</h4>
	</div><!-- /header -->
</div><!-- /page -->


<!-- 서브 페이지 -->
<div data-role="page" id="bar">

	<div data-role="header">
		<h1>Bar</h1>
	</div><!-- /header -->

	<div data-role="content">	
		<p>서브 페이지 입니다</p>		
		<p><a href="#foo">돌아가기</a></p>	
	</div><!-- /content -->

	<div data-role="footer">
		<h4>Page Footer</h4>
	</div><!-- /header -->
</div><!-- /page -->
</body>