![[tokkee]](http://tokkee.org/images/avatar.png){kind=avatar}
diff --git a/test.php b/test.php
index 1b156e4b7cae469e59da5ed67881530e478c9b08..1fdc8216421d3444ee06bd8b11ea2866a70e63bc 100644 (file)
--- a/test.php
+++ b/test.php
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
- "http://www.w3.org/TR/html4/transitional.dtd">
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style type="text/css">
-
-.ObjectListViewport_Headline_Table {
- background-color: #FF0000;
+
+.ObjectListViewport {
width:100%;
+ height:100%;
border-collapse:collapse;
}
-.ObjectListViewport_Headline_Cell {
- border: 1px solid #000000;
-}
+
+.ObjectListViewport_Header_Table {
+ width:100%;
+ border: 0px;
+ border-collapse:collapse;
+}
+
.ObjectListViewport_Entry_Table {
- background-color: #00FF00;
width:100%;
+ border: 0px;
border-collapse:collapse;
}
-.ObjectListViewport_Entry_Cell {
- border: 1px solid #000000;
+
+.ObjectListViewport_Entry_Cover{
+
+ border: 0px;
+ margin:0px;
+ padding:0px;
}
+
.ObjectListViewport_Footer_Table {
- background-color: #0000FF;
- width:100%;
+ width:100%;
+ border: 0px;
+ border-collapse:collapse;
+}
+
+
+.ObjectListViewport_Table {
border-collapse:collapse;
+ width:100%;
+ height:100%;
+ border: 0px;
+}
+
+.ObjectListViewport_TD_Header {
+ height:20px;
+ background-color: #CCCCCC;
+ vertical-align:middle;
+ border: 0px;
+ margin:0px;
+ padding:0px;
}
-.ObjectListViewport_Footer_Cell {
- border: 1px solid #000000;
+.ObjectListViewport_TD_Entries {
+ vertical-align:middle;
+ border: 0px;
+ margin:0px;
+ padding:0px;
}
+.ObjectListViewport_TD_Footer {
+ height:20px;
+ background-color: #CCCCCC;
+ vertical-align:middle;
+ border: 0px;
+ margin:0px;
+ padding:0px;
+}
+.ObjectListViewport_Entry_Cover{
+ overflow:auto;
+}
+.ObjectListViewport_Entry_Cell {
+ border-left: solid 1px;
+ font-size:10px;
+ height:18px;
+}
+
</style>
<script type="text/javascript">
- function setHeight() {
- dbg = document.getElementById('debug');
- OVP = document.getElementById('ObjectListViewport');
- style = getComputedStyle(OVP,"");
- dbg.value = style.height;
- document.getElementById('ObjectListViewport_Entry_Cover').style.height= '200px' ;
+
+<!--
+
+/* 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 ="";
+
+ /* Somehow IE do not need to be resized
+ * So skip the following part if the client uses ie
+ */
+ if(document.all){
+ 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 = getObjectWidth('ObjectListViewport_Table' + id_pref);
+ document.getElementById('ObjectListViewport_Entry_Table' + id_pref).style.width = (viewport - 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;
+ }
+
+
+ /* 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 onmouseover="setHeight();" >
-<input type='text' id='debug' value="">
-<div id='ObjectListViewport' style='height:20%;'>
-<?php
-echo passthru("./test");
-?>
-</div>
+<body>
+<input type='text' id='debug' value="" style='width:100%;'>
+ <table style='height:90%;width:90%;background-color:#DDDDDD; border: solid 1px;'
+ cellspacing=0 cellpadding=0>
+ <tr>
+ <td style='width:30%;height:30%;background-color:#EEEEEE;'>
+ hallo<br>
+ hallo<br>
+ hallo<br>
+ hallo<br>
+ hallo<br>
+ hallo<br>
+ </td>
+ <td style='background-color:#EEEEEE;'>
+ <?php echo passthru("./test"); ?>
+ </td>
+ </tr>
+ <tr>
+ <td style='height:30%;background-color:#999777;'>
+ <?php echo passthru("./test"); ?>
+ </td>
+ <td style='background-color:#AAA006;'>
+ </td>
+ </tr>
+ <tr>
+ <td style='background-color:#999777;'>
+ </td>
+ <td style='background-color:#999777;'>
+ <?php echo passthru("./test"); ?>
+ </td>
+ </tr>
+ </table>
</body>
</html>