Utilisation des png24 (et apng) pour l'affichage des boutons de déploiement de l... zope-2.13
authorBenoît Pin <benoit.pin@gmail.com>
Tue, 14 May 2013 20:01:59 +0000 (22:01 +0200)
committerBenoît Pin <benoit.pin@gmail.com>
Tue, 14 May 2013 20:01:59 +0000 (22:01 +0200)
default_blocks/tree_block_script.js
default_blocks/tree_block_template.pt

index cda2925..d115432 100644 (file)
@@ -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";
index 468305d..d5b3842 100755 (executable)
@@ -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"