분류 전체보기

changePage() : 페이지 변경 메소드 (location.href)

출처 : http://cafe.naver.com/webappdev/1561 -----------------------------------------------------------------ex) $.mobile.changePage("#subpage","flip", false, true);주제 : 참고 : http://jquerymobile.com/demos/1.0a2/#docs/api/methods.html 내용 : - 프로그래밍적으로 페이지 변경을 하고 싶은경우~ changePage() 메소드를 사용하면 된답니다. - 방법은? /* changePoage - 파라메터 - to : 이동페이지 - transition : 이동효과 - back : back button 클릭시 이전페이지 이동여부.(defau..

이벤트 Bind, Live, Delegate 차이

출처 : http://hhjae84.blog.me/90137974750 Bind, Live, Delegate 에 대한 설명입니다.3가지 모두 이벤트에 관련된 메서드입니다. 아래와 같이 테스트를 위한 코드를 작성하였습니다.bind, live, delegate 는 각각 따로 주석처리하여 실행해주세요. 우선 bind 입니다.클릭시 clone() 함수를 통해 같은것을 복사하고 appendTo 를 이용해 body 에 붙여넣었습니다.붙여넣어진 h2 는 click 이벤트가 적용되지 않습니다.click 이벤트가 적용된 h2 를 만들기 위해서는 clone() 함수에 true 를 넘겨주어야 합니다. live 는 bind 와 달리 별다른 설정을 하지 않아도 복제된 h2 에 이벤트가 적용되어 있습니다. delegate 의 경..

jQuery Mobile 페이지 이동방식(드래그), swipeleft, swiperight

$("#page1").live("swipeleft",function(){ alert("히히히히히"); }) $("#page1").live("swiperight",function(){ alert("히히히히히"); }) $("#page1").live("swipe",function(){ alert("호호호"); });-------------------------------------------------------------------------------------http://dotweb.tistory.com/45아래 코드는 간단하게 페이지가 로드됐을때핸드폰에서 왼쪽으로 30px(?), 오른쪽으로 30px(?) 이상씩 마우스무브를 하면페이지 이동을 시키는 코드..

레이아웃 구성(FrameSet & div)

구글맵 - 이벤트 샘플

샘플 : http://gmaps-samples-v3.googlecode.com/svn/trunk/map_events/map_events.html구글 API : https://developers.google.com/maps/documentation/javascript/reference?hl=ko-KR#Map

구글맵 - 레이어

레이어 개요레이어는 하나 이상의 별도의 항목으로 이루어져지도에서 개체가 있지만 하나의 단위로 조작됩니다. 레이어는 일반적으로 당신이 일반적인 연결을 지정지도 위에 추가하는 개체의 컬렉션을 반영합니다. 지도 API 하나의 객체 (일반적으로 타일 오버레이)에 자신의 구성 항목을 렌더링하고지도의 뷰포트가 변경되면이를 표시하여 레이어 내에서 개체의 프레 젠 테이션을 관리합니다. 레이어는 또한 약간 레이어와 일치하는 방식으로 기본 타일을 변경,지도 자체의 프레 젠 테이션 계층을 변경할 수 있습니다. 대부분의 레이어는, 디자인에 의해, 그들의 개별 개체를 통해 액세스할 수 없습니다,하지만 단위로 조작할 수 있습니다.지도 레이어를 추가하려면, 당신은 전화를해야 setMap ()을 레이어를 표시하는 그것을지도 개체를 ..

구글맵 - 원 & 직사각형 그리기

원 및 직사각형Javascript Maps API에는 일반 Polygon 클래스 외에도 생성을 단순화할 수 있는 Circle 및 Rectangle에 대한 특정 클래스도 포함되어 있습니다.원Circle은 Polygon과 마찬가지로 원의 모서리('획')에 대해 맞춤 색상, 두께 및 불투명도를 정의할 수 있으며 둘러싸인 지역 내 영역('채우기')에 대해 맞춤 색상 및 불투명도를 정의할 수 있습니다. 색상은 16진수 HTML 스타일로 지정해야 합니다.Polygon과 달리 Circle에 paths를 정의하지는 않습니다. 대신 원에는 모양을 정의하는 두 개의 추가 속성이 있습니다.center는 원 중심의 google.maps.LatLng를 지정합니다.radius는 원의 반경을 지정합니다(미터 단위).다음 코드 스니..

구글맵 - 폴리라인 & 폴리곤 그리기

폴리라인Polyline 클래스는 연결된 선분의 선형 오버레이를 지도에 정의합니다. Polyline 객체는 LatLng 위치의 배열로 구성되며 해당 위치를 순서대로 연결하는 일련의 선분을 만듭니다.폴리라인 옵션Polyline 생성자는 선의 LatLng 좌표를 지정하는 Polyline options 집합과 스타일 집합을 가져와서 폴리라인의 시각적인 동작을 조정합니다.Polyline은 일련의 직선 선분으로 지도에 그려집니다. 선을 생성하거나 생성 후 속성을 변경할 때 사용되는 Polyline options 객체에서 선의 획에 대한 맞춤 색상, 두께 및 불투명도를 지정할 수 있습니다. 폴리라인에서 지원하는 획 스타일은 다음과 같습니다.strokeColor - "#FFFFFF" 형식의 16진수 HTML 색상을 지..