Fix the bug of X.NodeAnime.

[pettanr/clientJs.git] / 0.6.x / logger.html

diff --git a/0.6.x/logger.html b/0.6.x/logger.html
index 7200148..731be4e 100644 (file)
--- a/0.6.x/logger.html
+++ b/0.6.x/logger.html
@@ -4,7 +4,7 @@
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">\r
                \r
        <title>Logger</title>\r
-       \r
+       <meta name="msapplication-tap-highlight" content="no">\r
        <meta name="HandheldFriendly" content="true">\r
        <meta name="mobileoptimized" content="0">\r
        \r
@@ -14,7 +14,7 @@
        \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
@@ -38,12 +38,13 @@
                -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
@@ -51,6 +52,7 @@
                        border      : 0;\r
                        height      : 100%;\r
                        margin-left : 0;\r
+                       background  : #fff;\r
                }\r
                #log {\r
                        position   : absolute;\r
@@ -65,7 +67,7 @@
                        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
@@ -76,7 +78,7 @@
                        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
@@ -162,7 +164,20 @@
                        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
@@ -170,21 +185,18 @@
                                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
@@ -238,6 +250,6 @@
        <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="index.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