1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
2 <html>
3 <head>
4 <style type="text/css">
6 .ObjectListViewport {
7 width:100%;
8 height:100%;
9 border-collapse:collapse;
10 }
12 .ObjectListViewport_Header_Table {
13 width:100%;
14 border: 0px;
15 border-collapse:collapse;
16 }
18 .ObjectListViewport_Entry_Table {
19 width:100%;
20 border: 0px;
21 border-collapse:collapse;
22 }
24 .ObjectListViewport_Entry_Cover{
26 border: 0px;
27 margin:0px;
28 padding:0px;
29 }
31 .ObjectListViewport_Footer_Table {
32 width:100%;
33 border: 0px;
34 border-collapse:collapse;
35 }
38 .ObjectListViewport_Table {
39 border-collapse:collapse;
40 width:100%;
41 height:100%;
42 border: 0px;
43 }
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 }
73 </style>
74 <script type="text/javascript">
76 /* Register resize event to force redraw of all
77 * displayed lists
78 */
79 window.onload = updateObjectListViewportSize;
80 window.onresize = updateObjectListViewportSize;
82 function updateObjectListViewportSize() {
84 var dbg = document.getElementById('debug');
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 }
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";
99 /* Get values of displayed header and footer heights to be
100 * able to recalculate the Viewport
101 */
102 var viewport = getObjectHeight('ObjectListViewport_Table');
103 var header = getObjectHeight('ObjectListViewport_TD_Header');
104 var footer = getObjectHeight('ObjectListViewport_TD_Footer');
106 /* Calculate the new visible entry part height. */
107 var calc = (viewport - ( header + footer ));
108 document.getElementById('ObjectListViewport_Entry_Cover').style.height = calc;
110 /* Reduce width of entry list, we need some space to
111 * display the scrollbar without breaking the layout
112 */
113 var viewport = getObjectWidth('ObjectListViewport_Table');
114 document.getElementById('ObjectListViewport_Entry_Table').style.width = (viewport - 16) + 'px';
115 }
118 /* Return integer value of style attribute width for specified ID */
119 function getObjectWidth(obj){
120 obj = getComputedStyle(document.getElementById(obj),"").width;
121 return(parseInt(obj.replace(/px/,'')));
122 }
124 /* Return integer value of style attribute height for specified ID */
125 function getObjectHeight(obj){
126 obj = getComputedStyle(document.getElementById(obj),"").height;
127 return(parseInt(obj.replace(/px/,'')));
128 }
129 </script>
130 </head>
131 <body>
132 <input type='text' id='debug' value="" style='width:100%;'>
133 <table style='height:90%;width:90%;background-color:#DDDDDD; border: solid 1px;'
134 cellspacing=0 cellpadding=0>
135 <tr>
136 <td style='width:30%;height:50%;background-color:#EEEEEE;'>
137 hallo<br>
138 hallo<br>
139 hallo<br>
140 hallo<br>
141 hallo<br>
142 hallo<br>
143 </td>
144 <td style='background-color:#EEEEEE;'>
145 <?php
146 echo passthru("./test");
147 ?>
148 </td>
149 </tr>
150 <tr>
151 <td style='background-color:#999777;'>
152 hallo<br>
153 hallo<br>
154 </td>
155 <td style='background-color:#AAA006;'>
156 hallo<br>
157 hallo<br>
158 </td>
159 </tr>
160 </table>
161 <script type="text/javascript">
162 document.getElementById('ObjectListViewport_Entry_Cover').style.height= "50px";
163 </script>
164 </body>
165 </html>