랩제이

[mobile web] 모바일웹 jquery mobile hash change 적용 게시판 모바일에서 게시판을 만들면서 기존 방식에서 벗어나 hash change를 이용한 게시판을 만들어 보았습니다. 테스트 로직은 기존 게시판의 로직을 그대로 이용하면서 data의 흐름쪽에서 변화를 가져왔습니다. 기존에는 get/post 방식으로 url 을 가지고 파라메터를 전달해서 쿼리를 수행하여 페이지 전체를 받아서 화면을 전환하는 방법이었다면 지금은 모바일에 맞추어서 전체 페이지는 처음에 로딩한 상태로 두고 ajax을 이용하여 게시물만 받아서 게시물영역만 교체해주는 방식입니다. 이 방식으로 바꾸고 페이지 전환시 다시 로딩이 필요없는 js, css, header, footer 영역의 data를 가져오지 않습니다. [그..

[mobile web] 모바일웹에서 화면 높이가 작을 경우 footer 아래에 붙이는 방법 $(function(){ window.scrollTo(0, 1);//주소창 올림 // 화면 레이아웃 높이 구하기 var body = $('body').height(); var header = $('header').height(); var nav = $('nav').height(); var footer = $('footer').height(); var height = body - header - nav - footer; // content 영역에 높이 적용하기 $('#content').css('height', height+'px'); }); [mobile web] 모바일웹에서 화면 높이가 작을 경우 footer 아래..

[mobile web] 주소창 올리기 [mobile web] 주소창 올리기

[mobile web] jquery mobile 초기화 설정 ajax 관련 오류 수정하기 1.초기화 설정 defaultTransition 페이지 이동 간 발생하는 애니메이션 효과 설정 loadingMessage 로딩 메세지 설정 ajaxEnabled 링크 이동 및 폼 전송에서 ajax 사용여부 설정 autoInitialize 초기화 작업 수행, false시 $.mobile.initalizePage() 호출 전까지 초기화 미룸 metaViewPortContent ViewPort 설정을 위한 메타 태그 지정 2. ajax 관련 오류 수정하기 [mobile web] jquery mobile 초기화 설정 ajax 관련 오류 수정하기

[mobile web] jquery mobile configurable option 설정하기 1. 방법 1 2. 방법 2$(document).bind("mobileinit",function(){$.extend($.mobile,{defaultTransition:'slide',loadingMessage:'Now Loding..',ajaxEnabled:false,hashListeningEnabled: false//history && hashes,linkBindingEnabled : false,autoInitialize:false,metaViewportContent: 'width=device-width,minimum-scale=0.5,maximum-scale=0.5'});}); [mobile web] jquer..

http://themeforest.s3.amazonaws.com/116_parallax/tutorial-source-files/tut-index.html