Changeset 1659 in ExiteCMS

Timestamp:

08/19/08 19:20:49 (3 years ago)

Author:

hverton

Message:

updated the codeblock resize code, so that the blocks always will fit, even inside serveral nested quote blocks
fixed added tab at the start of news.php and at the end of _header.tpl causing a PHP warning

Location:

trunk

Files:

• includes/jscripts/core_functions.js (modified) (1 diff)
• includes/templates/forum.viewthread.tpl (modified) (2 diffs)
• news.php (modified) (1 diff)
• themes/ExiteCMS/exitecms.css (modified) (1 diff)

trunk/includes/jscripts/core_functions.js

@@ -251 +251 @@
 function eraseCookie(name) {
     createCookie(name,"",-1);
+}
+
+function findPosX(obj) {
+    if (obj == null) return false;
+    var curleft = 0;
+    if(obj.offsetParent) {
+        while(1) {
+            curleft += obj.offsetLeft;
+            if(!obj.offsetParent) break;
+            obj = obj.offsetParent;
+        }
+    } else {
+        if(obj.x)  curleft += obj.x;
+    }
+    return curleft;
+}
+
+function findPosY(obj) {
+    if (obj == null) return false;
+    var curtop = 0;
+    if(obj.offsetParent) {
+        while(1) {
+            curtop += obj.offsetTop;
+            if(!obj.offsetParent) break;
+            obj = obj.offsetParent;
+        }
+    } else {
+        if(obj.y) curtop += obj.y;
+    }
+    return curtop;
 }
 

trunk/includes/templates/forum.viewthread.tpl

@@ -21 +21 @@
 </script>
 {include file="_opentable.tpl" name=$_name title=$locale.500 state=$_state style=$_style}
-<table id='width_check' cellspacing='0' cellpadding='0' width='100%'>
+<table cellspacing='0' cellpadding='0' width='100%'>
     <tr>
         <td class='smallalt'>
@@ -199 +199 @@
     if (_timer) clearInterval(_timer);
 
-    // calculate the width of a code block
-    var blockwidth = document.getElementById("width_check").offsetWidth-141;
-    var block_a = 0;
-    var block_b = 0;
+    // needed inside the loop
+    var parent_left = 0;
+    var parent_width = 0;
+    var obj = 1;
+    var i = 1;
 
     // loop through all blocks found, and set the width correctly
-    var i = 1;
     while (document.getElementById("codeblock"+i+"a") != null && document.getElementById("codeblock"+i+"b") != null) {
-        // need to check and do something dynamic with margins and padding here...
-        block_a = blockwidth - 40 + "px";
-        block_b = blockwidth - 50 + "px";
-        document.getElementById("codeblock"+i+"a").style.width = block_a;
-        document.getElementById("codeblock"+i+"b").style.width = block_b;
+        // get the info about the objects parent
+        obj = document.getElementById("codeblock"+i+"a").parentNode;
+        // fall back gracefully if the parentNode can not be found
+        if (obj == null) obj = document.getElementById("codeblock"+i+"a").offsetParent;
+        parent_left = findPosX(obj);
+        parent_width = obj.offsetWidth;
+//      alert(parent_left + " : " + parent_width);
+        // calculate the new width of the block, leave plenty of space to handle browser subtleties 
+        block_width = parent_left + parent_width - findPosX(document.getElementById("codeblock"+i+"a")) - 30;
+        // adjust the width of the code blocks
+        document.getElementById("codeblock"+i+"a").style.width = block_width + "px";
+        document.getElementById("codeblock"+i+"b").style.width = block_width - 10 + "px";
         i++;
     }

trunk/news.php

@@ -1 @@
-    <?php
+<?php
 /*---------------------------------------------------+
 | ExiteCMS Content Management System                 |

trunk/themes/ExiteCMS/exitecms.css

@@ -158 +158 @@
 
                         /* code sections within the message body (note: total number of px for padding+margin must remain the same, the code expects this!!!) */
-.codeblock_source       { width:380px; margin-left:10px; border:1px #bbb solid; background-color:#fff; padding:0px; white-space:nowrap; overflow-x:auto; }
-.codeblock_cmds         { width:370px; margin-left:10px; border:1px #bbb solid; background-color:#fff; padding:0px 5px 0px 5px; border-top:0px; text-align:right; }
+.codeblock_source       { width:250px; margin-left:10px; border:1px #bbb solid; background-color:#fff; padding:0px; white-space:nowrap; overflow-x:auto; }
+.codeblock_cmds         { width:240px; margin-left:10px; border:1px #bbb solid; background-color:#fff; padding:0px 5px 0px 5px; border-top:0px; text-align:right; }
 
                         /* thumbnail caption in the message body */