From: Benoît Pin <benoit.pin@gmail.com>
Date: Tue, 14 May 2013 20:01:59 +0000 (+0200)
Subject: Utilisation des png24 (et apng) pour l'affichage des boutons de déploiement de l... 
X-Git-Url: https://scm.cri.ensmp.fr/git/MosaicDocument.git/commitdiff_plain/refs/heads/zope-2.13

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

diff --git a/default_blocks/tree_block_script.js b/default_blocks/tree_block_script.js
index cda2925..d115432 100644
--- 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,10 +75,10 @@ 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);
@@ -104,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');
@@ -194,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";
diff --git a/default_blocks/tree_block_template.pt b/default_blocks/tree_block_template.pt
index 468305d..d5b3842 100755
--- 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"
-								 ><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"