Develop
2013.04.23 18:11
[js]모바일 웹에서 orientationchange
조회 수 19355 댓글 0
<!DOCTYPE html>
<html>
<head>
<title>Orientation Checker</title>
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximumscale=1.0; user-scalable=0;" />
<script type="text/javascript" src="/js/jquery-1.6.1.min.js"></script>
<script type="text/javascript">
/*
* ios, android 둘다 지원되는 스크립트
*/
var ori_status;
$(document).ready(function() {
window.onorientationchange = changeOrientation;
window.setTimeout(changeOrientation, 0);
});
// event handler
function changeOrientation(){
if(ori_status == detectOrientation())return;
ori_status = detectOrientation();
alert(ori_status);
}
function detectOrientation(){
var orientation = window.orientation;
var rtn;
switch(orientation) {
case 90: case -90:
rtn = 'landscape';
break;
default:
rtn = 'portrait';
}
return rtn;
}
</script>
</head>
<body>
</body>
</html>
번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|---|
789 | Etc | [svn] 콘솔에서 svn 사용시 레티나용 이미지 add 안될 때.. | hooni | 2013.09.25 | 37474 |
788 | System/OS | [mac] SVN 1.8 업데이트 방법 | hooni | 2013.09.24 | 14548 |
787 | Develop | [ios] 간단한 방법으로 OS버전 확인하기. | hooni | 2013.09.24 | 13294 |
786 | Etc | 영어. 외우면 도움되는 필수영어회화 표현 | hooni | 2013.09.09 | 20914 |
785 | Develop | [ios] Hybrid 앱 스터디 발표 자료 | hooni | 2013.09.06 | 13693 |
784 | Develop | [python] 애니팡, 캔디팡 매크로 | hooni | 2013.09.06 | 17280 |
783 | Develop | [ios] None IB vs. StoryBoard 샘플 소스 | hooni | 2013.09.06 | 16912 |
782 | Develop | [ios] 앱에서 다른 앱 실행시키기 | hooni | 2013.09.05 | 18516 |
781 | Etc | [link] 유용한 사이트 링크. | hooni | 2013.08.19 | 71431 |
780 | Etc | 베지어 곡선 (Bezier curve) | hooni | 2013.08.18 | 220111 |
779 | Etc | [web] 제로보드 XE 템플릿에서 if문에 대해서 알아봅시다 | hooni | 2013.08.16 | 19792 |
778 | Develop | 아이 훌레시 작업중 ㅋㅋ | hooni | 2013.08.09 | 0 |