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

[MosaicDocument.git] / default_blocks / tree_block_script.js

diff --git a/default_blocks/tree_block_script.js b/default_blocks/tree_block_script.js
index cd0114c..d115432 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
-       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];
@@ -43,8 +43,8 @@ TreeMaker.prototype.refreshTree = function (evt) {
                
 
                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;
@@ -63,7 +63,7 @@ TreeMaker.prototype.refreshTree = function (evt) {
                                                        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);
 
@@ -75,13 +75,15 @@ TreeMaker.prototype.refreshTree = function (evt) {
                                
                                break;
 
-                       case "mi.gif" :
-                       case "mi_ani.gif" :
+                       case "mi.png" :
+                       case "mi_ani.png" :
                                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);
+                               document.cookie = encodeURIComponent(this.root.id) + '-state=' + encodeURIComponent(this.getExpansion()) +
+                                                                 ';path=/';
                                break;
                } // end switch (imgId)
                disableDefault(evt);
@@ -102,7 +104,7 @@ TreeMaker.prototype.getExpansion = function() {
        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');
@@ -192,7 +194,7 @@ TreeMaker.prototype.importRows = function(req, parentRow) {
                        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";