test.php

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
   2 <html>
   3 <head>
   4 <style type="text/css">
   5
   6 .ObjectListViewport {
   7         width:100%;
   8         height:100%;
   9         border-collapse:collapse;
  10 }
  11
  12 .ObjectListViewport_Header_Table {
  13         width:100%;
  14         border: 0px;
  15         border-collapse:collapse;
  16 }
  17
  18 .ObjectListViewport_Entry_Table {
  19         width:100%;
  20         border: 0px;
  21         border-collapse:collapse;
  22 }
  23
  24 .ObjectListViewport_Entry_Cover{
  25
  26         border: 0px;
  27         margin:0px;
  28         padding:0px;
  29 }
  30
  31 .ObjectListViewport_Footer_Table {
  32     width:100%;
  33     border: 0px;
  34     border-collapse:collapse;
  35 }
  36
  37
  38 .ObjectListViewport_Table {
  39         border-collapse:collapse;
  40     width:100%;
  41         height:100%;
  42         border: 0px;
  43 }
  44
  45 .ObjectListViewport_TD_Header {
  46         height:20px;
  47         background-color: #CCCCCC;
  48         vertical-align:middle;
  49         border: 0px;
  50         margin:0px;
  51         padding:0px;
  52 }
  53 .ObjectListViewport_TD_Entries {
  54         vertical-align:middle;
  55         border: 0px;
  56         margin:0px;
  57         padding:0px;
  58 }
  59 .ObjectListViewport_TD_Footer {
  60         height:20px;
  61         background-color: #CCCCCC;
  62         vertical-align:middle;
  63         border: 0px;
  64         margin:0px;
  65         padding:0px;
  66 }
  67 .ObjectListViewport_Entry_Cell {
  68         border-left: solid 1px;
  69         font-size:10px;
  70         height:18px;
  71 }
  72
  73 </style>
  74 <script type="text/javascript">
  75
  76 /* Register resize event to force redraw of all
  77  *  displayed lists
  78  */
  79 window.onload = updateObjectListViewportSize;
  80 window.onresize = updateObjectListViewportSize;
  81
  82         function updateObjectListViewportSize() {
  83
  84                 var dbg = document.getElementById('debug');
  85
  86                 /* Somehow IE do not need to be resized
  87          *  So skip the following part if the client uses ie
  88          */
  89                 if(document.all){
  90                         document.getElementById('ObjectListViewport_Entry_Cover').style.height= "100%";
  91                         return;
  92                 }
  93
  94                 /* Set Viewport to min height, to ensure
  95          *  that resize will work correctly in konqueror
  96          */
  97                 document.getElementById('ObjectListViewport_Entry_Cover').style.height= "50px";
  98                 document.getElementById('ObjectListViewport_Entry_Cover').style.display= "none";
  99                 document.getElementById('ObjectListViewport_Entry_Cover').style.display= "block";
 100
 101
 102                 /* Get values of displayed header and footer heights to be
 103                  *  able to recalculate the Viewport
 104          */
 105                 var viewport    = getObjectHeight('ObjectListViewport_Table');
 106                 var header      = getObjectHeight('ObjectListViewport_TD_Header');
 107                 var footer      = getObjectHeight('ObjectListViewport_TD_Footer');
 108
 109                 /* Calculate the new visible entry part height. */
 110                 var calc = (viewport  - ( header + footer ));
 111                 calc = 200;
 112                 document.getElementById('ObjectListViewport_Entry_Cover').style.height = calc;
 113
 114                 /* Reduce width of entry list, we need some space to
 115          *  display the scrollbar without breaking the layout
 116          */
 117                 var viewport = getObjectWidth('ObjectListViewport_Table');
 118                 document.getElementById('ObjectListViewport_Entry_Table').style.width = (viewport - 16) + 'px';
 119         }
 120
 121
 122         /* Return integer value of style attribute width for specified ID  */
 123         function getObjectWidth(obj){
 124                 obj = getComputedStyle(document.getElementById(obj),"").width;
 125                 return(parseInt(obj.replace(/px/,'')));
 126         }
 127
 128         /* Return integer value of style attribute height for specified ID  */
 129         function getObjectHeight(obj){
 130                 obj = getComputedStyle(document.getElementById(obj),"").height;
 131                 return(parseInt(obj.replace(/px/,'')));
 132         }
 133 </script>
 134 </head>
 135 <body>
 136 <input type='text' id='debug' value="" style='width:100%;'>
 137         <table style='height:90%;width:90%;background-color:#DDDDDD; border: solid 1px;'
 138                 cellspacing=0 cellpadding=0>
 139                 <tr>
 140                         <td style='width:30%;height:50%;background-color:#EEEEEE;'>
 141                                 hallo<br>
 142                                 hallo<br>
 143                                 hallo<br>
 144                                 hallo<br>
 145                                 hallo<br>
 146                                 hallo<br>
 147                         </td>
 148                         <td style='background-color:#EEEEEE;'>
 149                                 <?php
 150                                 echo passthru("./test");
 151                                 ?>
 152                         </td>
 153                 </tr>
 154                 <tr>
 155                         <td style='background-color:#999777;'>
 156                                 hallo<br>
 157                                 hallo<br>
 158                         </td>
 159                         <td style='background-color:#AAA006;'>
 160                                 hallo<br>
 161                                 hallo<br>
 162                         </td>
 163                 </tr>
 164         </table>
 165 <script type="text/javascript">
 166         document.getElementById('ObjectListViewport_Entry_Cover').style.height= "50px";
 167 </script>
 168 </body>
 169 </html>