![[tokkee]](http://tokkee.org/images/avatar.png){kind=avatar}
diff --git a/test.php b/test.php
index ce027aec44eef875fb03348633dbe300b7b32a81..070e26adeab3231a346bf1de8262c848759cec5c 100644 (file)
--- a/test.php
+++ b/test.php
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
- "http://www.w3.org/TR/html4/strict.dtd">
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style type="text/css">
.ObjectListViewport {
width:100%;
+ height:100%;
+ border-collapse:collapse;
}
.ObjectListViewport_Header_Table {
border-collapse:collapse;
}
-.ObjectListViewport_Entry_Cover{
-
- border: 0px;
- margin:0px;
- padding:0px;
-}
-
.ObjectListViewport_Footer_Table {
width:100%;
border: 0px;
.ObjectListViewport_Table {
border-collapse:collapse;
width:100%;
+ height:100%;
border: 0px;
}
padding:0px;
}
.ObjectListViewport_TD_Entries {
- background-color: #009900;
vertical-align:middle;
border: 0px;
margin:0px;
margin:0px;
padding:0px;
}
-td {
- border-left: solid 1px;
- border-right: solid 1px;
- font-size:1em;
- height:22px;
+.ObjectListViewport_Entry_Cover{
+ overflow:auto;
+ height:100px;
+}
+.ObjectListViewport_Entry_Cell {
+ background-color: white;
+ background-image: none;
+ background-repeat: repeat;
+ background-attachment: scroll;
+ -x-background-x-position: 0%;
+ -x-background-y-position: 0%;
+ -moz-background-clip: -moz-initial;
+ -moz-background-origin: -moz-initial;
+ -moz-background-inline-policy: -moz-initial;
+ border-right-width: 1px;
+ border-right-style: solid;
+ border-right-color: rgb(192, 192, 192);
+ padding-top: 3px;
+ padding-right-value: 3px;
+ padding-bottom: 3px;
+ padding-left-value: 3px;
+ padding-left-ltr-source: physical;
+ padding-left-rtl-source: physical;
+ padding-right-ltr-source: physical;
+ padding-right-rtl-source: physical;
+ height: 22px;
}
+.ObjectListViewport_Footer_Cell {
+
+ background-color: rgb(240, 240, 240);
+ background-image: none;
+ background-repeat: repeat;
+ background-attachment: scroll;
+ -x-background-x-position: 0%;
+ -x-background-y-position: 0%;
+ -moz-background-clip: -moz-initial;
+ -moz-background-origin: -moz-initial;
+ -moz-background-inline-policy: -moz-initial;
+ font-weight: bold;
+ border-top-width: 1px;
+ border-top-style: solid;
+ border-top-color: rgb(170, 170, 170);
+ padding-top: 3px;
+ padding-right-value: 3px;
+ padding-bottom: 3px;
+ padding-left-value: 3px;
+ padding-left-ltr-source: physical;
+ padding-left-rtl-source: physical;
+ padding-right-ltr-source: physical;
+ padding-right-rtl-source: physical;
+ height: 22px;
+}
+
+.ObjectListViewport_Header_Cell {
+ background-color: rgb(240, 240, 240);
+ background-image: none;
+ background-repeat: repeat;
+ background-attachment: scroll;
+ -x-background-x-position: 0%;
+ -x-background-y-position: 0%;
+ -moz-background-clip: -moz-initial;
+ -moz-background-origin: -moz-initial;
+ -moz-background-inline-policy: -moz-initial;
+ font-weight: bold;
+ border-right-width: 1px;
+ border-right-style: solid;
+ border-right-color: rgb(170, 170, 170);
+ border-bottom-width: 1px;
+ border-bottom-style: solid;
+ border-bottom-color: rgb(170, 170, 170);
+ padding-top: 3px;
+ padding-right-value: 3px;
+ padding-bottom: 3px;
+ padding-left-value: 3px;
+ padding-left-ltr-source: physical;
+ padding-left-rtl-source: physical;
+ padding-right-ltr-source: physical;
+ padding-right-rtl-source: physical;
+ height: 22px;
+}
</style>
+</head>
<script type="text/javascript">
-window.onload = setHeight;
-window.onresize = setHeight;
-
- function setHeight() {
- dbg = document.getElementById('debug');
-
- OVP = getComputedStyle(document.getElementById('ObjectListViewport'),"").height;
- OVP_h = parseInt(OVP.replace(/px/,''));
-
- table = getComputedStyle(document.getElementById('ObjectListViewport_Table'),"").height;
- table_header = getComputedStyle(document.getElementById('ObjectListViewport_TD_Header'),"").height;
- table_entries = getComputedStyle(document.getElementById('ObjectListViewport_TD_Entries'),"").height;
- table_footer = getComputedStyle(document.getElementById('ObjectListViewport_TD_Footer'),"").height;
-
- table_h = parseInt(table.replace(/px/,''));
- table_header_h = parseInt(table_header.replace(/px/,''));
- table_entries_h = parseInt(table_entries.replace(/px/,''));
- table_footer_h = parseInt(table_footer.replace(/px/,''));
-
- calc = (OVP_h - ( table_header_h + table_footer_h ));
- dbg.value = calc;
- document.getElementById('ObjectListViewport_Entry_Cover').style.height= calc + 'px' ;
-
- OVP_T = getComputedStyle(document.getElementById('ObjectListViewport_Table'),"").width;
- OVP_T_w = parseInt(OVP_T.replace(/px/,'',OVP_T));
+
+<!--
+
+/* Register resize event to force redraw of all
+ * displayed lists
+ */
+window.onload = updateObjectListViewportSize;
+window.onresize = updateObjectListViewportSize;
+
+ function updateObjectListViewportSize() {
+
+ var dbg = document.getElementById('debug');
+ dbg.value ="";
+
+// var all = getElementsByStyleClass('ObjectListViewport');
+// for (var i = 0; i < all.length; ++i){
+// alert(all[i].id);
+// document.getElementById(all[i].id).style.display= "block";
+// document.getElementById(all[i].id).style.height= "50px";
+// }
+ /* Somehow IE do not need to be resized
+ * So skip the following part if the client uses ie
+ */
+ if(document.all && !window.opera){
+ var all = getElementsByStyleClass('ObjectListViewport_Entry_Cover');
+ for (var i = 0; i < all.length; ++i){
+ document.getElementById(all[i].id).style.height= "100%";
+ }
+ return;
+ }
+
+ var all = getElementsByStyleClass('ObjectListViewport');
+ for (var i = 0; i < all.length; ++i){
+
+ var id_pref = all[i].id.replace(/[^0-9]*/,"");
+
+ /* Set Viewport to min height, to ensure
+ * that resize will work correctly in konqueror
+ */
+ document.getElementById('ObjectListViewport_Entry_Cover' + id_pref).style.height= "50px";
+
+ /* Get values of displayed header and footer heights to be
+ * able to recalculate the Viewport
+ */
+ var viewport = getObjectHeight('ObjectListViewport_Table' + id_pref);
+ var header = getObjectHeight('ObjectListViewport_TD_Header' + id_pref);
+ var footer = getObjectHeight('ObjectListViewport_TD_Footer' + id_pref);
+
+ /* Calculate the new visible entry part height. */
+ var calc = (viewport - ( header + footer ));
+ document.getElementById('ObjectListViewport_Entry_Cover' + id_pref).style.height = calc;
+
+ /* Reduce width of entry list, we need some space to
+ * display the scrollbar without breaking the layout
+ */
+ dbg.value += " " + calc;
+ var viewport_w = getObjectWidth('ObjectListViewport_Table' + id_pref);
+ document.getElementById('ObjectListViewport_Entry_Table' + id_pref).style.width = (viewport_w - 16) + 'px';
+ }
+ }
+
+
+ /* Return all elements of a specific class */
+ function getElementsByStyleClass (className) {
+ var all = document.all ? document.all : document.getElementsByTagName('*');
+ var elements = new Array();
+ for (var e = 0; e < all.length; e++)
+ if (all[e].className == className)
+ elements[elements.length] = all[e];
+ return elements;
+ }
+
- document.getElementById('ObjectListViewport_Entry_Table').style.width = (OVP_T_w - 16) + 'px';
- dbg.value = OVP_T_w + document.getElementById('ObjectListViewport_Entry_Table').style.width;
+ /* Return integer value of style attribute width for specified ID */
+ function getObjectWidth(obj){
+ obj = getComputedStyle(document.getElementById(obj),"").width;
+ return(parseInt(obj.replace(/px/,'')));
}
+
+ /* Return integer value of style attribute height for specified ID */
+ function getObjectHeight(obj){
+ obj = getComputedStyle(document.getElementById(obj),"").height;
+ return(parseInt(obj.replace(/px/,'')));
+ }
+
+-->
</script>
-</head>
<body>
+<input type='button' onclick='updateObjectListViewportSize();'>
+<?php
+$a1 = shell_exec("./test");
+$a2 = shell_exec("./test");
+$a3 = shell_exec("./test");
+$a4 = shell_exec("./test");
+$a5 = shell_exec("./test");
+$a6 = shell_exec("./test");
+?>
<input type='text' id='debug' value="" style='width:100%;'>
- <table style='height:90%;width:100%;background-color:#6788FF;border: solid 5px #000000;'>
- <tr>
- <td style='width:50%;background-color:#AAA006;'>
- hallo<br>
- hallo<br>
- hallo<br>
- hallo<br>
- hallo<br>
- hallo<br>
- </td>
- <td style='height:230px;background-color:#660099;'>
- <?php
- echo passthru("./test");
- ?>
- </td>
- </tr>
- <tr>
- <td style='background-color:#999777;'>
- hallo<br>
- hallo<br>
- </td>
- <td style='background-color:#AAA006;'>
- hallo<br>
- hallo<br>
- </td>
- </tr>
- </table>
-<script type="text/javascript">
-// document.getElementById('ObjectListViewport_Entry_Cover').style.height= document.getElementById('ObjectListViewport').height;
- document.getElementById('ObjectListViewport_Entry_Cover').style.height= "200px";
-</script>
+ <table style='height:90%;width:90%;background-color: rgb(170, 170, 170);'
+ cellspacing=1 cellpadding=0>
+ <tr>
+ <td style='width:30%;height:30%;'>
+ <?php echo $a1; ?>
+ </td>
+ <td>
+ <?php echo $a2; ?>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <?php echo $a3; ?>
+ </td>
+ <td>
+ <?php echo $a4; ?>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <?php echo $a5; ?>
+ </td>
+ <td>
+ <?php echo $a6; ?>
+ </td>
+ </tr>
+ </table>
+
</body>
</html>