모바일 웹에서 화면이 세로모드, 가로모드일 때 각각 다른화면 출력 > 기술자료 | 해피정닷컴

모바일 웹에서 화면이 세로모드, 가로모드일 때 각각 다른화면 출력 > 기술자료

본문 바로가기

사이트 내 전체검색

모바일 웹에서 화면이 세로모드, 가로모드일 때 각각 다른화면 출력 > 기술자료

HTML 모바일 웹에서 화면이 세로모드, 가로모드일 때 각각 다른화면 출력

페이지 정보


본문

<!doctype html>
<html>
<head>
    <title>모바일 세로모드, 가로모드 화면 테스트</title>
    <meta charset="utf-8">
</head>
<body onorientationchange="orient();">
<script type="text/javascript">
//<![CDATA[
    window.onload = orient;
    function orient(){
        switch(window.orientation){
            case 0 :
                document.getElementById("orient_portrait").style.display="block";
                document.getElementById("orient_landscape").style.display="none";
                break;
            case -90 :
                document.getElementById("orient_portrait").style.display="none";
                document.getElementById("orient_landscape").style.display="block";
                break;
            case 90 :
                document.getElementById("orient_portrait").style.display="none";
                document.getElementById("orient_landscape").style.display="block";
                break;
        }
    }
//]]>
</script>
<div id="orient_portrait" style="display:none;width:100%;height:100%;">
    세로모드일 때 출력
</div>
<div id="orient_landscape" style="display:none;width:100%;height:100%;">
    가로모드일 때 출력
</div>
</body>
</html>


관련자료
http://blog.kgom.kr/68 

댓글목록

등록된 댓글이 없습니다.


Total 2,634건 44 페이지
  • RSS
기술자료 목록
1774
전자결제   27847  2016-03-11 18:59 ~ 2016-03-14 00:00  
1773
XpressEngine   13905  2016-03-10 22:31  
1772
ClassicASP   23059  2016-03-09 22:31  
1771
호스팅   13931  2016-03-07 10:42 ~ 2017-09-21 00:00  
1770
Editor   15760  2016-03-03 17:30 ~ 2021-05-21 19:26  
1769
Editor   14664  2016-03-03 14:54  
1768
Editor   19636  2016-03-03 14:51  
1767
그누보드   12521  2016-03-03 13:28  
1766
WindowsServer   15519  2016-02-29 18:25  
1765
ClassicASP   17935  2016-02-25 08:45  
1764
ClassicASP   13694  2016-02-25 01:04  
1763
ClassicASP   19646  2016-02-25 00:52 ~ 2017-01-13 00:00  
1762
ClassicASP   15303  2016-02-25 00:48  
1761
ClassicASP   17810  2016-02-25 00:16 ~ 2016-02-26 00:00  
1760
WindowsServer   11975  2016-02-24 21:32  
열람
HTML   17612  2016-02-21 06:31  
1758
HTML   39125  2016-02-21 00:58 ~ 2016-02-21 00:00  
1757
일반   10219  2016-02-19 17:54  
1756
일반   10899  2016-02-19 17:32  
1755
HTML   14907  2016-02-19 16:59  

검색

해피정닷컴 정보

회사소개 회사연혁 협력사 오시는길 서비스 이용약관 개인정보 처리방침

회사명: 해피정닷컴   대표: 정창용   전화: 070-7600-3500   팩스: 042-670-8272
주소: (34368) 대전시 대덕구 대화로 160 대전산업용재유통단지 1동 222호
개인정보보호책임자: 정창용   사업자번호: 119-05-36414
통신판매업신고: 제2024-대전대덕-0405호 [사업자등록확인]  
Copyright 2001~2024 해피정닷컴. All Rights Reserved.