Utilisation des png24 (et apng) pour l'affichage des boutons de déploiement de l...

diff --git a/default_blocks/tree_block_script.js b/default_blocks/tree_block_script.js
index cda2925cb91beff15c3f5af855a019367b6ba485..d1154325e2145a308915b82519d769d492292f00 100644 (file)
--- a/default_blocks/tree_block_script.js
+++ b/default_blocks/tree_block_script.js
@@ -18,7 +18,7 @@ TreeMaker = function (root, filter, baseImgUrl) {
        this._lastAniImg = null;
        
        // preload images
        this._lastAniImg = null;
        
        // preload images

-       var images = ['pl.gif', 'pl_ani.gif', 'mi.gif', 'mi_ani.gif'], img;
+       var images = ['pl.png', 'pl_ani.png', 'mi.png', 'mi_ani.png'], img;

        for (var i=0 ; i < images.length ; i++) {
                img = new Image();
                img.src = this.baseImgUrl + images[i];
        for (var i=0 ; i < images.length ; i++) {
                img = new Image();
                img.src = this.baseImgUrl + images[i];


@@ -43,8 +43,8 @@ TreeMaker.prototype.refreshTree = function (evt) {
                
 
                switch (imgId) {
                
 
                switch (imgId) {

-                       case "pl.gif" :
-                       case "pl_ani.gif" :
+                       case "pl.png" :
+                       case "pl_ani.png" :

                                var linkCell = parentTd.nextSibling;
                                while (linkCell.nodeType != 1)
                                        linkCell = linkCell.nextSibling;
                                var linkCell = parentTd.nextSibling;
                                while (linkCell.nodeType != 1)
                                        linkCell = linkCell.nextSibling;


@@ -63,7 +63,7 @@ TreeMaker.prototype.refreshTree = function (evt) {
                                                        tm.importRows(req, parentRow);
                                        };
                                };
                                                        tm.importRows(req, parentRow);
                                        };
                                };

-                               target.src = this.baseImgUrl + "mi_ani.gif";
+                               target.src = this.baseImgUrl + "mi_ani.png";

                                this._lastAniImg = target;
                                window.setTimeout(function(){tm._removeLastAniImg();}, 500);
 
                                this._lastAniImg = target;
                                window.setTimeout(function(){tm._removeLastAniImg();}, 500);
 


@@ -75,10 +75,10 @@ TreeMaker.prototype.refreshTree = function (evt) {
                                
                                break;
 
                                
                                break;
 

-                       case "mi.gif" :
-                       case "mi_ani.gif" :
+                       case "mi.png" :
+                       case "mi_ani.png" :

                                this.removeChildNodes(parentRow);
                                this.removeChildNodes(parentRow);

-                               target.src = this.baseImgUrl + "pl_ani.gif";
+                               target.src = this.baseImgUrl + "pl_ani.png";

                                this._lastAniImg = target;
                                var tm = this;
                                window.setTimeout(function(){tm._removeLastAniImg();}, 500);
                                this._lastAniImg = target;
                                var tm = this;
                                window.setTimeout(function(){tm._removeLastAniImg();}, 500);


@@ -104,7 +104,7 @@ TreeMaker.prototype.getExpansion = function() {
        var steps = new Array();
        steps.push(this.root.getAttribute('name'));
        
        var steps = new Array();
        steps.push(this.root.getAttribute('name'));
        

-       var expanded = (/.*mi\.gif$|.*mi_ani\.gif$/);
+       var expanded = (/.*mi\.png$|.*mi_ani\.png$/);

        for(i=0 ; i < rows.length ; i++) {
                row = rows[i];
                cells = row.getElementsByTagName('TD');
        for(i=0 ; i < rows.length ; i++) {
                row = rows[i];
                cells = row.getElementsByTagName('TD');


@@ -194,7 +194,7 @@ TreeMaker.prototype.importRows = function(req, parentRow) {
                        stateLink.href = ".";
                        stateLink.setAttribute("name", row.getAttribute("name"));
                        var stateImg = document.createElement("IMG");
                        stateLink.href = ".";
                        stateLink.setAttribute("name", row.getAttribute("name"));
                        var stateImg = document.createElement("IMG");

-                       stateImg.src = this.baseImgUrl + "pl.gif";
+                       stateImg.src = this.baseImgUrl + "pl.png";

                        stateImg.border = "0";
                        stateImg.height = "16";
                        stateImg.width = "16";
                        stateImg.border = "0";
                        stateImg.height = "16";
                        stateImg.width = "16";

diff --git a/default_blocks/tree_block_template.pt b/default_blocks/tree_block_template.pt
index 468305d60542ca3af52f3e134289c08466e733f2..d5b3842a2dc43b7bb2709319f47d5ce97c074123 100755 (executable)
--- a/default_blocks/tree_block_template.pt
+++ b/default_blocks/tree_block_template.pt
@@ -69,7 +69,7 @@
                                                                <td tal:define="indent python: row.depth - 1" tal:attributes="colspan indent" tal:condition="indent">&nbsp;</td>
                                                                <td tal:define="state row/state ; rlink row/branch ; msg python:state > 0 and 'collapse' or 'expand'" width="16"
                                                                 ><a href="#" tal:condition="state" tal:attributes="name row/id ; href rlink/link ; title msg" i18n:attributes="title"
                                                                <td tal:define="indent python: row.depth - 1" tal:attributes="colspan indent" tal:condition="indent">&nbsp;</td>
                                                                <td tal:define="state row/state ; rlink row/branch ; msg python:state > 0 and 'collapse' or 'expand'" width="16"
                                                                 ><a href="#" tal:condition="state" tal:attributes="name row/id ; href rlink/link ; title msg" i18n:attributes="title"

-                                                                ><img src="/p_/pl" alt="" tal:attributes="src python:'%s/%s' % (portal_url, state > 0 and 'mi.gif' or 'pl.gif') ; alt msg" i18n:attributes="alt" border="0" height="16" width="16" /></a>
+                                                                ><img src="/p_/pl" alt="" tal:attributes="src python:'%s/%s' % (portal_url, state > 0 and 'mi.png' or 'pl.png') ; alt msg" i18n:attributes="alt" border="0" height="16" width="16" /></a>

                                                                  <a href="#" tal:attributes="name row/id ; href rlink/link" tal:condition="not:state">&nbsp;&nbsp;</a>
                                                                </td>
                                                                <td colspan="1" tal:define="obj nocall: row/object; url obj/absolute_url; description obj/Description"
                                                                  <a href="#" tal:attributes="name row/id ; href rlink/link" tal:condition="not:state">&nbsp;&nbsp;</a>
                                                                </td>
                                                                <td colspan="1" tal:define="obj nocall: row/object; url obj/absolute_url; description obj/Description"