test.php

   1  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
   2 <html>
   3 <head>
   4 <style type="text/css">
   5
   6 .ObjectListViewport {
   7         width:100%;
   8 }
   9
  10 .ObjectListViewport_Header_Table {
  11         width:100%;
  12         border: 0px;
  13         border-collapse:collapse;
  14 }
  15
  16 .ObjectListViewport_Entry_Table {
  17         width:100%;
  18         border: 0px;
  19         border-collapse:collapse;
  20 }
  21
  22 .ObjectListViewport_Entry_Cover{
  23
  24         border: 0px;
  25         margin:0px;
  26         padding:0px;
  27 }
  28
  29 .ObjectListViewport_Footer_Table {
  30     width:100%;
  31     border: 0px;
  32     border-collapse:collapse;
  33 }
  34
  35
  36 .ObjectListViewport_Table {
  37         border-collapse:collapse;
  38     width:100%;
  39         border: 0px;
  40 }
  41
  42 .ObjectListViewport_TD_Header {
  43         height:20px;
  44         background-color: #CCCCCC;
  45         vertical-align:middle;
  46         border: 0px;
  47         margin:0px;
  48         padding:0px;
  49 }
  50 .ObjectListViewport_TD_Entries {
  51         background-color: #009900;
  52         vertical-align:middle;
  53         border: 0px;
  54         margin:0px;
  55         padding:0px;
  56 }
  57 .ObjectListViewport_TD_Footer {
  58         height:20px;
  59         background-color: #CCCCCC;
  60         vertical-align:middle;
  61         border: 0px;
  62         margin:0px;
  63         padding:0px;
  64 }
  65 td {
  66         border-left: solid 1px;
  67         border-right: solid 1px;
  68         font-size:1em;
  69         height:22px;
  70 }
  71
  72 </style>
  73 <script type="text/javascript">
  74 window.onload = setHeight;
  75 window.onresize = setHeight;
  76
  77         function setHeight() {
  78                 dbg = document.getElementById('debug');
  79
  80                 OVP = getComputedStyle(document.getElementById('ObjectListViewport'),"").height;
  81                 OVP_h = parseInt(OVP.replace(/px/,''));
  82
  83                 table             = getComputedStyle(document.getElementById('ObjectListViewport_Table'),"").height;
  84                 table_header  = getComputedStyle(document.getElementById('ObjectListViewport_TD_Header'),"").height;
  85                 table_entries = getComputedStyle(document.getElementById('ObjectListViewport_TD_Entries'),"").height;
  86                 table_footer  = getComputedStyle(document.getElementById('ObjectListViewport_TD_Footer'),"").height;
  87
  88                 table_h                 = parseInt(table.replace(/px/,''));
  89                 table_header_h  = parseInt(table_header.replace(/px/,''));
  90                 table_entries_h = parseInt(table_entries.replace(/px/,''));
  91                 table_footer_h  = parseInt(table_footer.replace(/px/,''));
  92
  93                 calc = (OVP_h  - ( table_header_h + table_footer_h ));
  94                 document.getElementById('ObjectListViewport_Entry_Cover').style.height= calc + 'px' ;
  95
  96                 OVP_T = getComputedStyle(document.getElementById('ObjectListViewport_Table'),"").width;
  97                 OVP_T_w = parseInt(OVP_T.replace(/px/,'',OVP_T));
  98
  99                 document.getElementById('ObjectListViewport_Entry_Table').style.width = (OVP_T_w - 16) + 'px';
 100         }
 101 </script>
 102 </head>
 103 <body style="height:100%;position:relative" id='body'>
 104 <input type='text' id='debug' value="" style='width:100%;'>
 105         <table style='height:100%;width:100%;background-color:#6788FF;border: solid 5px #000000;'>
 106                 <tr>
 107                         <td style='width:30%;height:20%;background-color:#AAA006;'>
 108                                 hallo<br>
 109                                 hallo<br>
 110                                 hallo<br>
 111                                 hallo<br>
 112                                 hallo<br>
 113                                 hallo<br>
 114                         </td>
 115                         <td style='background-color:#660099;'>
 116                                 <?php
 117                                 echo passthru("./test");
 118                                 ?>
 119                         </td>
 120                 </tr>
 121                 <tr>
 122                         <td style='background-color:#999777;'>
 123                                 hallo<br>
 124                                 hallo<br>
 125                         </td>
 126                         <td style='background-color:#AAA006;'>
 127                                 hallo<br>
 128                                 hallo<br>
 129                         </td>
 130                 </tr>
 131         </table>
 132 <script type="text/javascript">
 133 //      document.getElementById('ObjectListViewport_Entry_Cover').style.height= document.getElementById('ObjectListViewport').height;
 134 //              document.getElementById('body').style.height = getComputedStyle(document.getElementById('body'),"").height;
 135         document.getElementById('ObjectListViewport_Entry_Cover').style.height= "200px";
 136 </script>
 137 </body>
 138 </html>