Front-End

JQuery Mobile 44. 로딩 메세지 켜기/끄기

http://cafe.naver.com/dflashcafe/406-------------------------------------------------------------------------------------JQuery Mobile 에서의 로딩 메세지를 사용자 제어로 켜고 끄는 방법입니다. showPageLoadingMsg(), hidePageLoadingMsg() 가 존재합니다.showPageLoadingMag() 는 로딩메세지를 보여주고,hidePageLoadingMsg() 는 로딩메세지를 숨겨줍니다. 아래는 두 버튼으로 위 메서드를 사용한 내용입니다. 적용된 화면은 아래와 같습니다. showPageLoadingMsg() 메서드가 실행된 화면입니다.로딩 메세지가 표시되었습니다. 로딩메세지가 ..

이벤트

jQuery Mobile offers several custom events that build upon native events to create useful hooks for development. Note that these events employ various touch, mouse, and window events, depending on event existence, so you can bind to them for use in both handheld and desktop environments. You can bind to these events like you would with other jQuery events, using live() or bind().Important: Use $..

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)

모바일웹&jQuery&CSS

2011.02.15-[모바일웹] 모바일 웹사이트 제작 전 알아두면 좋은 10가지2011.02.15-[모바일웹] 모바일홈페이지, 모바일웹의 포트폴리오 구성시 꼭 짚어야 할 요소2011.02.15-[모바일웹] 모바일 웹디자인 가이드를 찾아보기 위한 URL모음2011.02.15-[모바일웹] 모바일 웹사이트 제작시 필수사항2011.02.15-[모바일웹] 모바일 웹디자인 시안, 갤러리 사이트2011.02.16-[모바일웹] 네이버 지도 API 사용법 (현재 모바일웹용 지원 안됨)2011.02.16-[모바일웹] 구글맵 API 사용법2011.02.17-[모바일웹] Google Maps JavaScript API V3 (구글 공식사이트)2011.02.17-[모바일웹] Google Maps JavaScript API V3..

Data- attribute(옵션) reference

http://jquerymobile.com/demos/1.1.0-rc.2/docs/api/data-attributes.html Data- attribute(옵션) referenceThe jQuery Mobile framework uses HTML5 data- attributes to allow for markup-based initialization and configuration of widgets. These attributes are completely optional; calling plugins manually and passing options directly is also supported. To avoid naming conflicts with other plugins or framewor..