\r
<!-- for smartphone -->\r
<meta name="format-detection" content="telephone=no">\r
- <meta name="apple-mobile-web-app-capable">\r
+ <meta name="apple-mobile-web-app-capable" content="yes">\r
\r
<!-- maximum-scale=1 初代iPod touch で必要, dynamic-viewport は operaで可能 -->\r
<meta name="viewport" id="dynamic-viewport" content="width=device-width,target-densitydpi=device-dpi,initial-scale=1,user-scalable=0,maximum-scale=1,minimum-scale=1">\r
-webkit-user-drag : none;\r
}\r
html, body {\r
- padding : 0;\r
- margin : 0;\r
- border : 0;\r
- width : 100%;\r
- height : 100%;\r
- overflow : hidden;\r
+ padding : 0;\r
+ margin : 0;\r
+ border : 0;\r
+ width : 100%;\r
+ height : 100%;\r
+ overflow : hidden;\r
+ background : #FF66FF;\r
}\r
iframe {\r
display : block;\r
border : 0;\r
height : 100%;\r
margin-left : 0;\r
+ background : #fff;\r
}\r
#log {\r
position : absolute;\r
overflow : auto;\r
}\r
#toggle {\r
- font-size : 1.5em;\r
+ font-size : 2em;\r
font-family : Arial;\r
position : absolute;\r
top : 0;\r
color : #00f;\r
text-align : center;\r
font-weight : bold;\r
- z-index : 999;\r
+ z-index : 999999;\r
cursor : pointer;\r
-webkit-tap-highlight-color : rgba(0,0,0,0);\r
}\r
hasEvent = false,\r
toggleOpen = true,\r
toggleBusy = false;\r
-\r
+ \r
+ function __load(){\r
+ __resize();\r
+ setTimeout(function(){scrollTo(0, 1);}, 100);\r
+ if( window.addEventListener ){\r
+ window.addEventListener( 'orientationchange', function(){\r
+ setTimeout(function(){\r
+ //alert( window.innerWidth + 'x' + window.innerHeight );\r
+ __resize();\r
+ }, 100);\r
+ }, false\r
+ ); // iOS\r
+ };\r
+ };\r
function __resize( toggleChanged ){\r
var body = document.body,\r
log = body.children[0],\r
btn = body.children[2],\r
viewW = document.all ? ( document.documentElement || body ).offsetWidth || window.innerWidth /* for ie9 */ : window.innerWidth,\r
viewH = window.innerHeight;\r
+\r
if( 800 <= viewW ){\r
- if( document.all ){\r
- ifr.style.width = viewW - LOG_WIDTH + 'px';\r
- } else {\r
- ifr.style.width = viewW - LOG_WIDTH + 'px';\r
+ ifr.style.width = viewW - LOG_WIDTH + 'px';\r
+ if( !document.all ){ \r
ifr.style.height = viewH + 'px'; // NetFront3.4\r
};\r
body.className = 'toggle_none';\r
} else {\r
if( viewW < 240 ) log.style.width = viewW + 'px';\r
\r
- if( document.all ){\r
- ifr.style.width = viewW + 'px';\r
- } else {\r
- ifr.style.width = viewW + 'px';\r
+ ifr.style.width = viewW + 'px';\r
+ if( !document.all ){\r
ifr.style.height = viewH + 'px'; // NetFront3.4\r
};\r
if( USE_ANIME && toggleChanged ){\r
<meta name="viewport" content="width=device-width,initial-scale=1">\r
</noscript>\r
</head>\r
-<body onload="__resize()" onresize="__resize()" scroll="no"><div id="log">-- console.log() --</div><iframe src="index.html" width="500" height="100%" scrolling="yes" frameborder="0"></iframe><div id="toggle" onclick="__ontoggle();"></div></body>\r
+<body onload="__load()" onresize="__resize()" scroll="no"><div id="log">-- console.log() --</div><iframe src="ui.html" width="500" height="100%" scrolling="yes" frameborder="0" allowtransparency="no"></iframe><div id="toggle" onclick="__ontoggle();"></div></body>\r
</html>\r
<xmp class="cleanup-target" style="display:none"><plaintext style="display:none"><!-- plainetext は nds 用 -->
\ No newline at end of file