2frames_swing

<html>
<head>

<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
        <meta http-equiv="edit-Type" edit="text/html; charset=utf-8" />
<!--<script type="text/javascript">
var cont = document.getElementById('content');
var canger = document.getElementById('changer');
var side = document.getElementById('aside');
canger.onclick=function(){
    setInterval(toggle(this),500);
}
function toggle(el) {
el.innerHTML = (el.innerHTML == '»') ? '«' : '»';side.style.display = (side.style.display == 'none') ? 'block' : 'none';cont.style.marginLeft = (cont.style.marginLeft == '20px') ? '120px' : '20px';
}
</script>-->

<script type='text/javascript'>//<![CDATA[
window.onload=function(){
var cont = document.getElementById('content');
var canger = document.getElementById('changer');
var side = document.getElementById('aside');
canger.onclick=function(){
    setInterval(toggle(this),500);
}
function toggle(el) {
el.innerHTML = (el.innerHTML == '»') ? '«' : '»';side.style.display = (side.style.display == 'none') ? 'block' : 'none';cont.style.marginLeft = (cont.style.marginLeft == '20px') ? '120px' : '20px';
}
}//]]>

</script>

<link rel="stylesheet" media="screen" href="{{ config.url_stylesheet }}">
<style type="text/css">
#aside {
    float: left;

    margin:0;
        padding:0;
    background: #0000ff;
    left:0;top:0;
    width:15%
}
#content {
   margin:0;
    padding:0;
    position: relative;
    }
iframe {
margin:0;
    padding:0;
    border: 1px solid #ccc;
     height: 100%;

}
#content iframe {
    width: 90%;
    margin:0;
        padding:0;
        border-left:2px solid blue;
        left:15%;top:0;width:85%
}
#changer {
    float: left;
    background: #fcc;
    padding: 5px;
    cursor: pointer;
}
</style>

<!--<style type="text/css">
    iframe{border:none;margin:0;padding:0;height:99%;position:absolute}
    iframe#sidebar{left:0;top:0;width:15%}
    iframe
    #main{border-left:2px solid blue;left:15%;top:0;width:85%}
</style>-->

<title>{{ settings.title }}</title>
</head>
<body>
    <div id="aside">
        <iframe src="http://toster.ru" width="200"  align="left"></iframe>
    </div>
    <div id="changer" title="hide">«</div>
    <div id="content">
        <iframe src="http://htmlbook.ru"  align="left"></iframe>
    </div>
</body>
</html>