programming/mobile web 18

[mobile web] 모바일웹에서 화면 높이가 작을 경우 footer 아래에 붙이는 방법

[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] jquery hash change

[mobile web] jquery hash change 모바일웹 사이트를 하나 만들려고 보니까 hash change를 사용해야 하더군요 그래서 간단한 샘플을 만들어 보았습니다. 샘플이라면 소스까지 같이 올라와 있는게 좋을것 같습니다. 나중에 참고하기도 쉬우니까요 ^^ searchPage bodyCheck searchPage 안녕하세요 하하하 bodyCheck 안녕하세요 하하하 [mobile web] jquery hash change

[mobile web] jquery mobile 초기화 설정 ajax 관련 오류 수정하기

[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 설정하기

[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..

[mobile web] 로직 검토

[mobile web] 로직 검토 신한카드 모바일웹 분석하기 PC에서 접근했을 때와 모바일에서 접근했을 때를 구분합니다.아이폰을 따로 구분합니다. 1. 접근 단말기에 따른 페이지 이동하기 var ua = navigator.userAgent;var checker = { iphone: ua.match(/(iPhone|iPod)/), ipad: ua.match(/iPad/), blackberry: ua.match(/BlackBerry/), android: ua.match(/Android/), galaxyS: ua.match(/SHW-M110S/), galaxyNote: ua.match(/SHV-E160S/), galaxyNexus: ua.match(/SHW-M420S/), galaxyTab89: ua.matc..