Annotation of bbecontainer/www/index.php.html, revision 1.2

1.1       moonwalk    1: <html>
                      2: <head>
                      3: <title>BBEcontainer</title>
                      4: <meta Http-Equiv="Content" Content-Type="text/html;charset=utf-8">
                      5: <link rel="STYLESHEET" href="styles.css" type="text/css"/>
                      6: 
                      7: <script type="text/javascript"  src="menu.js"></script>
1.2     ! moonwalk    8: <script type="text/javascript">if (window.getComputedStyle) /*DOM*/ {
        !             9: function Init()
        !            10: { 
        !            11:          var parseStyleAttr=function(prop) {
        !            12:                return parseInt( /([\d]+)px/.exec(prop) )
        !            13:        }
        !            14:        var content=document.body //document.getElementById('content_frame')
        !            15:        //content.style.paddingTop=0;
        !            16:        var style=(window.getComputedStyle)?window.getComputedStyle(content,null):window.currentStyle;
        !            17:        var h=( parseStyleAttr(style.marginBottom)+parseStyleAttr(style.marginTop) );
        !            18:        content.style.height= (
        !            19:                        window.innerHeight-
        !            20:                        //content.offsetParent.clientHeight-  content.offsetTop-  content.offsetParent.scrollTop  -
        !            21:                                h
        !            22:                        )+'px';
        !            23:        content=document.getElementById('content_frame')
        !            24:        style=window.getComputedStyle(content,null);
        !            25:        h=( parseStyleAttr(style.marginBottom)+parseStyleAttr(style.marginTop)+
        !            26:        parseStyleAttr(style.borderBottomWidth)+parseStyleAttr(style.borderTopWidth) );
        !            27:                content.style.height= (
        !            28:                        window.innerHeight-  content.offsetTop-
        !            29:                                h
        !            30:                        )+'px';
        !            31: }
1.1       moonwalk   32: 
1.2     ! moonwalk   33: }else /*IE*/ {
        !            34: function Init()
        !            35: { 
        !            36:          var parseStyleAttr=function(prop) {
        !            37:                return parseInt( /([\d]+)px/.exec(prop) )
        !            38:        }
        !            39:        var content=document.body;
        !            40: 
        !            41:        var style=content.currentStyle;
        !            42:        var h=( parseStyleAttr(style.marginBottom)+parseStyleAttr(style.marginTop) );
        !            43:        content.style.height= (
        !            44:                        document.body.clientHeight-     h       )+'px';
        !            45:        content=document.getElementById('content_frame')
        !            46:        
        !            47:        var style=content.currentStyle;
        !            48:        var h=( parseStyleAttr(style.marginBottom)+parseStyleAttr(style.marginTop) );
        !            49:        content.style.height= (
        !            50:                        document.body.clientHeight-content.offsetTop-2*content.clientTop        )+'px';
        !            51:        
        !            52: }
        !            53: 
        !            54: 
        !            55: }</script>
        !            56: 
        !            57: <?php
        !            58: $current_page_id = ( array_key_exists('page', $_GET) ) ? ($_GET['page']) : 0;
        !            59: 
        !            60: //include_once dirname(__FILE__).'/persistance_db.php';
        !            61: include_once dirname(__FILE__).'/persistance_xml.php';
        !            62: ?>
        !            63: </head><body style="margin-bottom:0;margin-top:0px;background-color:red;"  onload="Init()">
1.1       moonwalk   64: <div style="padding: 0px 0px;height:13%; line-height:190%;font-size: 30px;margin-bottom:4px;
                     65:        background-color: rgb(0, 208, 0);overflow:hidden;" align="center"
                     66: ><a href="http://www.mozdev.org"
                     67:        ><img align="left" vspace="3" style="display:block;width:12%;height:90%;"
                     68:        alt="mozdev.org" src="http://www.mozdev.org/sharedimages/mozdev.gif" 
                     69:        /></a>
                     70: <div style="float:left;width:87%;height:100%;">BBEcontainer</div>
                     71:   </div>
                     72: <!-- MENU ********************************************************* -->
1.2     ! moonwalk   73: <?php
        !            74: 
        !            75: function create_menus($prime_menu)
        !            76: {
        !            77:        ?><div class="main_menu" id="menu_element"><?php
        !            78:        function page_link($i,$page)
        !            79:        {
        !            80:        ?><a class="main_menu_item" href=<?php echo '"'.$page['content_fname'].'" ';?>
        !            81:        target="content_frame"  onmouseover="show_submenu(this,'dummy');">
        !            82:        <?php echo $page['title'];?> </a><?php
        !            83:        }
        !            84:        function submenu($i,$page)
        !            85:        {
        !            86:        ?><a class="submenu_title" href="#" onmouseover=
        !            87:        <?php   echo '"show_submenu(this,\''.$i.'\');"'  ?>
        !            88:        ><?php echo $page['title'];?></a><?php
        !            89:        }
        !            90:        
        !            91:        foreach($prime_menu as $i=>$cat) 
        !            92:        {
        !            93:                if(array_key_exists('pages',$cat) ) submenu($i,$cat);
        !            94:                else page_link($i,$cat);
        !            95:        }
        !            96:        ?>
        !            97:        <div class="submenu" id="dummy_submenu" style="display: block;">
        !            98:        &nbsp;
        !            99:        </div>
        !           100:        <?php
        !           101:        foreach($prime_menu as $i=>$tlpage) 
        !           102:        {
        !           103:                if(array_key_exists('pages',$tlpage) ) 
        !           104:                { ?> 
        !           105:                <div class="submenu"  style="display: none;" id= <?php echo '"'.$i.'_submenu"' ?> >
        !           106:                <?php   
        !           107:                foreach($tlpage['pages'] as $i=>$page) 
        !           108:                        { ?>
        !           109:                                <a class="main_menu_item" target="content_frame" href=
        !           110:                                        <?php echo '"'.$page['content_fname'].'">'./*TODO:html encode*/$page['title'] ?>
        !           111:                                </a>
        !           112:                        <?php } ?>
        !           113:                        </div>
        !           114:                <?php }
        !           115:        }
        !           116: 
        !           117:        ?></div><?php
        !           118: }
        !           119: create_menus($prime_menu);
        !           120: ?><!-- ************************************************************** -->
1.1       moonwalk  121: <br clear="all">
                    122: <!-- ************************************************************** -->
                    123: <iframe id="content_frame" name="content_frame"  src=
1.2     ! moonwalk  124:        <?php
        !           125:        if ($prime_menu[$current_page_id]['content_fname'])
        !           126:                echo   '"'.$prime_menu[$current_page_id]['content_fname'].'" ';
        !           127:        else {  }
        !           128:        ?>
1.1       moonwalk  129:        style="background-color:white;border:2px solid;width:100%;height:74%;margin-bottom:0px;">
1.2     ! moonwalk  130: </iframe></body>
1.1       moonwalk  131: </html>

FreeBSD-CVSweb <freebsd-cvsweb@FreeBSD.org>