Changeset 3336 for branches/2.2/expressoMail1_2/js/abas.js

Timestamp:

10/07/10 10:35:49 (14 years ago)

Author:

rafaelraymundo

Message:

Ticket #1328 - Implementa o redimensionamento das abas quando o browser é redimensionado.

File:

• branches/2.2/expressoMail1_2/js/abas.js (modified) (1 diff)

branches/2.2/expressoMail1_2/js/abas.js

@@ -169 +169 @@
 function resize_borders()
 {
-        var children;
-        var     numBorders = 0; 
-        var widthTD = 0;
-        var newWidthTD = 0;             
-        children = Element('border_tr').childNodes;     
-        for (var i=0; i<children.length; i++) {
-                if ((children[i].nodeName === 'TD') && (children[i].id!=='border_id_0') && (children[i].id!=='border_blank')) {
-                        numBorders++;
-                        if(!widthTD)
-                                widthTD = children[i].clientWidth;                              
-                }
-        }
+        var numBorders = count_borders();
+
         if (numBorders > 8)
                 return false;
-        
-        newWidthTD = ((numBorders*widthTD)+(Element("border_blank").clientWidth-44))/(numBorders+1);
+
+        return redim_borders(numBorders+1);
+}
+
+function count_borders()
+{
+        var numBorders = 0;
+        var children = Element('border_tr').childNodes;
+        for (var i=0; i<children.length; i++) {
+            if ((children[i].nodeName === 'TD') && (children[i].id!=='border_id_0') && (children[i].id!=='border_blank'))
+                numBorders++;
+        }
+
+        return numBorders;
+}
+
+function redim_borders(numBorders)
+{
+        var children = Element('border_tr').childNodes;
+        var clientWidth = (window.document.body.clientWidth - findPosX(Element("exmail_main_body"))) - Element("border_id_0").clientWidth - 30;
+        var newWidthTD = (clientWidth/numBorders)-6;
+        newWidthTD = newWidthTD > 200 ? 200 : (newWidthTD < 50 ? 50 : newWidthTD);
+        children = Element('border_tr').childNodes;
         for (var i=0; i<children.length; i++) {
                 if ((children[i].nodeName === 'TD') && (children[i].id!=='border_id_0') && (children[i].id!=='border_blank')){
                         children[i].style.width = newWidthTD;
-                        Element("font_"+children[i].id).innerHTML = Element("font_"+children[i].id).innerHTML.substring(0, newWidthTD*0.08);
+                        if (children[i].title.substring(0, (newWidthTD-44)*0.14).length == children[i].title.length)
+                            Element("font_"+children[i].id).innerHTML = children[i].title;
+                        else
+                            Element("font_"+children[i].id).innerHTML = children[i].title.substring(0, (newWidthTD-44)*0.14) + "...";
                 }
         }