Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <title>TEST</title>
- <meta name="viewport" content="width=320,height=480,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" />
- <script src="mmbridge.js" type="text/javascript" charset="utf-8"></script>
- <script src="medialets.js" type="text/javascript" charset="utf-8"></script>
- <script src="medialets.autoOrientation.js" type="text/javascript" charset="utf-8"></script>
- <style type="text/css">
- /* Begin Medialets Reset CSS */
- html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:helvetica, arial;vertical-align:baseline;background:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-webkit-text-size-adjust:none;}
- /* End Medialets Reset CSS */
- body{font-family:Arial,Arial,Helvetica,sans-serif;font-size:12px}
- #container{height:480px;width:320px;background-color:#ff0000;}
- </style>
- </head>
- <body>
- <div id="container">
- </div>
- <script type="text/javascript" charset="utf-8">
- window.addEventListener('load', function() {
- var $container = $m('container');
- $m.bind($container, 'm.orientationChange', function(event){
- var orientation = event.data.orientation;
- if (orientation.indexOf('portrait') !== -1) {
- alert('Orientation Change : portrait');
- } else if (orientation.indexOf('landscape') !== -1){
- alert('Orientation Change : landscape');
- }
- });
- var orientation = new $m.autoOrientation({
- $target : $container,
- format : 'expandable',
- orientation : 'portrait'
- });
- }, false);
- // prevent drag scrolling
- document.addEventListener('touchmove', function(event) { event.preventDefault(); }, false);
- </script>
- </body>
- </html>
Add Comment
Please, Sign In to add comment