padding : 0;\r
border : 0;\r
height : 100%;\r
- margin-left : 240px;\r
+ margin-left : 0;\r
}\r
#log {\r
position : absolute;\r
width : 240px;\r
height : 100%;\r
font-size : 12px;\r
- z-index : 999;\r
+ z-index : 888;\r
color : #fff;\r
background : #000;\r
+ overflow : auto;\r
+ }\r
+ #toggle {\r
+ position : absolute;\r
+ top : 0;\r
+ left : 0;\r
+ width : 1em;\r
+ height : 1em;\r
+ background : #00f;\r
+ color : #fff;\r
+ text-align : center;\r
+ font-weight: bold;\r
+ z-index : 999;\r
+ cursor : pointer;\r
+ }\r
+ .toggle_close #log,\r
+ .toggle_none #toggle {\r
+ display : none;\r
+ }\r
+ .toggle_none iframe {\r
+ margin-left : 240px;\r
}\r
</style>\r
\r
<script>\r
- function __onload(){\r
- if( document.all ){\r
- document.body.children[1].style.width = ( document.documentElement || document.body ).offsetWidth - 240 + 'px';\r
+ var toggleOpen = true;\r
+ function __resize(){\r
+ var body = document.body,\r
+ ifr = body.children[1],\r
+ viewW = document.all ? ( document.documentElement || body ).offsetWidth : window.innerWidth,\r
+ viewH = window.innerHeight;\r
+ if( 800 <= viewW ){\r
+ body.className = 'toggle_none';\r
+ if( document.all ){\r
+ ifr.style.width = viewW - 240 + 'px';\r
+ } else {\r
+ ifr.style.width = viewW - 240 + 'px';\r
+ ifr.style.height = viewH + 'px'; // NetFront3.4\r
+ };\r
} else {\r
- document.body.lastChild.style.width = ( window.innerWidth - 240 ) + 'px';\r
- document.body.lastChild.style.height = window.innerHeight + 'px'; // NetFront3.4\r
+ body.className = toggleOpen ? 'toggle_open' : 'toggle_close';\r
+ if( document.all ){\r
+ ifr.style.width = viewW + 'px';\r
+ } else {\r
+ ifr.style.width = viewW + 'px';\r
+ ifr.style.height = viewH + 'px'; // NetFront3.4\r
+ };\r
};\r
+\r
+ };\r
+ function __ontoggle( elm ){\r
+ toggleOpen = !toggleOpen;\r
+ __resize();\r
+ elm.innerHTML = toggleOpen ? '-' : '+';\r
};\r
</script>\r
- <noscript>\r
- <meta name="viewport" content="width=device-width,initial-scale=1">\r
- </noscript>\r
</head>\r
-<body onload="__onload()" onresize="__onload()" scroll="no"><div id="log">-- console.log() --</div><iframe src="index.html" height="100%" scrolling="yes" frameborder="0"></body>\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(this);">+</div></body>\r
</html>\r
<xmp class="cleanup-target" style="display:none"><plaintext style="display:none"><!-- plainetext は nds 用 -->
\ No newline at end of file
OSDN Git Service
