Develop
2013.04.23 18:11
[js]모바일 웹에서 orientationchange
조회 수 19357 댓글 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>
번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|---|
753 | Develop | [ios] IB 없이 개발하기 (html) | hooni | 2013.05.31 | 0 |
752 | System/OS | [mysql] MySQL server has gone away 에러 대응 | hooni | 2013.05.29 | 19224 |
751 | PPT | [Android] 제스처 자료.. | hooni | 2013.05.28 | 51072 |
750 | PPT | [doc] BHO관련 발표 자료(디펜스에 쓸꺼) | hooni | 2013.05.28 | 0 |
749 | Develop | [iphone] PerfectlyClear 보정솔루션 최신.. | hooni | 2013.05.28 | 0 |
748 | Etc | 논문(BHO)에 들어갈 내용 집에가서 테스트 해볼 것.. | hooni | 2013.05.28 | 10230 |
747 | PPT | 네오웹 세미나 자료~ | hooni | 2013.05.28 | 0 |
746 | Develop | [Android] 2010년에 만들었던 세미나 자료. | hooni | 2013.05.28 | 64661 |
745 | Develop | [js] 자바스크립트의 클로저 (JavaScript's Closure) | hooni | 2013.05.15 | 12977 |
744 | Develop | 서기의 PHP 동영상 강의(싱싱해) | hooni | 2013.05.15 | 30980 |
743 | Etc | 영어공부에 도움될만한 사이트 모음 | hooni | 2013.05.14 | 22630 |
742 | System/OS | Mac OS X - Apache+PHP+MySQL 환경 서버 | hooni | 2013.04.25 | 31627 |