718e512690280dff12f0e4bfffcf7bef8f9cd41b
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 dbg = document.getElementById('debug');
86 /* Set Viewport to min height, to ensure
87 * that resize will work correctly in konqueror
88 */
89 document.getElementById('ObjectListViewport_Entry_Cover').style.height= "50px";
90 document.getElementById('ObjectListViewport_Entry_Cover').style.display= "none";
91 document.getElementById('ObjectListViewport_Entry_Cover').style.display= "block";
93 /* Get values of displayed header and footer heights to be
94 * able to recalculate the Viewport
95 */
96 viewport = getObjectHeight('ObjectListViewport_Table');
97 header = getObjectHeight('ObjectListViewport_TD_Header');
98 footer = getObjectHeight('ObjectListViewport_TD_Footer');
100 /* Calculate the new visible entry part height. */
101 calc = (viewport - ( header + footer ));
102 document.getElementById('ObjectListViewport_Entry_Cover').style.height= calc + 'px' ;
104 /* Reduce width of entry list, we need some space to
105 * display the scrollbar without breaking the layout
106 */
107 viewport_ = getObjectWidth('ObjectListViewport_Table');
108 document.getElementById('ObjectListViewport_Entry_Table').style.width = (OVP_T_w - 16) + 'px';
109 }
111 /* Return integer value of style attribute width for specified ID */
112 function getObjectWidth(obj){
113 obj = getComputedStyle(document.getElementById(obj),"").width;
114 return(parseInt(obj.replace(/px/,'')));
115 }
117 /* Return integer value of style attribute height for specified ID */
118 function getObjectHeight(obj){
119 obj = getComputedStyle(document.getElementById(obj),"").height;
120 return(parseInt(obj.replace(/px/,'')));
121 }
122 </script>
123 </head>
124 <body>
125 <input type='text' id='debug' value="" style='width:100%;'>
126 <table style='height:90%;width:90%;background-color:#DDDDDD; border: solid 1px;'
127 cellspacing=0 cellpadding=0>
128 <tr>
129 <td style='width:30%;height:50%;background-color:#EEEEEE;'>
130 hallo<br>
131 hallo<br>
132 hallo<br>
133 hallo<br>
134 hallo<br>
135 hallo<br>
136 </td>
137 <td style='background-color:#EEEEEE;'>
138 <?php
139 echo passthru("./test");
140 ?>
141 </td>
142 </tr>
143 <tr>
144 <td style='background-color:#999777;'>
145 hallo<br>
146 hallo<br>
147 </td>
148 <td style='background-color:#AAA006;'>
149 hallo<br>
150 hallo<br>
151 </td>
152 </tr>
153 </table>
154 <script type="text/javascript">
155 document.getElementById('ObjectListViewport_Entry_Cover').style.height= "50px";
156 </script>
157 </body>
158 </html>