Utilisateur:Pinocchio/infographie.js - Historique des versions

Pinocchio : couleurs icones

2012-12-20T21:57:33Z

couleurs icones

← Version précédente		Version du 20 décembre 2012 à 21:57
Ligne 146 :		Ligne 146 :
	switch (def.legends[n].color) {		switch (def.legends[n].color) {
	case 'rg':		case 'rg':
	content += ' icnrg';		content += ' icnrg'; break;
	break;
	case 'bl':		case 'bl':
	content += ' icnbl';		content += ' icnbl'; break;
	break;		case 'bc':
			content += ' icnbc'; break;
			case 'jn':
			content += ' icnjn'; break;
			case 'mv':
			content += ' icnmv'; break;
			case 'og':
			content += ' icnog'; break;
			case 'rz':
			content += ' icnrz'; break;
			case 'vr':
			content += ' icnvr'; break;
			case 'vc':
			content += ' icnvc'; break;
			case 'br':
			content += ' icnbr'; break;
	case 'gr':		case 'gr':
	default:		default:
	content += ' icngr';		content += ' icngr';
	}		}

Pinocchio : test

2012-12-15T21:32:43Z

test

← Version précédente		Version du 15 décembre 2012 à 21:32
Ligne 191 :		Ligne 191 :
	else var sz = parseInt(def.legends[n].size) / (15 / 13);		else var sz = parseInt(def.legends[n].size) / (15 / 13);
	content += 'font-size:'+sz+'%;';		content += 'font-size:'+sz+'%;';
			}

			if (def.legends[n].colortext) {
			content += 'color:'+def.legends[n].colortext+';';
	}		}

Pinocchio : alignement des puces

2010-07-03T10:06:24Z

alignement des puces

← Version précédente		Version du 3 juillet 2010 à 10:06
Ligne 108 :		Ligne 108 :

	/* legendes */		/* legendes */

			// probleme positionnement opera
			if (navigator.appName == 'Opera') {
			var stsh = document.styleSheets[0];
			stsh.insertRule ('#infographic .icn3T {margin-top:-5px !important;}', stsh.cssRules.length);
			stsh.insertRule ('#infographic .icn3B {margin-bottom:-3px !important;}', stsh.cssRules.length);
			}

	var n = 0;		var n = 0;
	while (def.legends && def.legends[n]) {		while (def.legends && def.legends[n]) {
Ligne 374 :		Ligne 382 :
	for (var i = 0; i < infographicadjust['lst'].length ; i++) {		for (var i = 0; i < infographicadjust['lst'].length ; i++) {
	var elem = document.getElementById(infographicadjust['lst'][i]);		var elem = document.getElementById(infographicadjust['lst'][i]);
	elem.style.marginLeft = (elem.offsetWidth /-2) +'px';		// probleme positionnement opera
			if (navigator.appName == 'Opera') elem.style.marginLeft = (elem.offsetWidth /-2)+1 +'px';
			else elem.style.marginLeft = (elem.offsetWidth /-2) +'px';
	}		}
	}		}

Pinocchio : ajout boite boutons sup

2010-06-27T20:20:32Z

ajout boite boutons sup

← Version précédente		Version du 27 juin 2010 à 20:20
Ligne 58 :		Ligne 58 :


	// ~~aff image de fond~~		// dim cadre
	infgrf.style.width = infographicadjust['def']['dw']+'px';		infgrf.style.width = infographicadjust['def']['dw']+'px';
	infwin.style.width = infographicadjust['def']['dw']+'px';		infwin.style.width = infographicadjust['def']['dw']+'px';
	infwin.style.height = infographicadjust['def']['dh']+'px';		infwin.style.height = infographicadjust['def']['dh']+'px';
			// aff image de fond
	infimg.innerHTML = '<img id="infmap" src="'+imgfond.src+'" />';		infimg.innerHTML = '<img id="infmap" src="'+imgfond.src+'" />';
	infimg.style.width = infographicadjust['def']['dw']+'px';		infimg.style.width = infographicadjust['def']['dw']+'px';
Ligne 73 :		Ligne 74 :
	var btz = document.createElement('div');		var btz = document.createElement('div');
	btz.innerHTML = '<button id="infbtz" onclick="infographic_change_scale(this)">Zoom</button>';		btz.innerHTML = '<button id="infbtz" onclick="infographic_change_scale(this)">Zoom</button>';
	~~infgrf~~.appendChild(btz);		infimg.appendChild(btz);
	}		}

Ligne 218 :		Ligne 219 :

	/* boutons */		/* boutons */
	~~infgrf.innerHTML += '<div id="spacebtn"></div>';~~
	~~var infbtn = document.getElementById('spacebtn');~~
	var n = 0;		var n = 0;
	var g = 0;		var g = 0;
	var sz = new Array;		var sz = new Array();
	sz[g] = 40;		sz[0] = 40;
			// boite boutons haut
			var btt = document.createElement("div");
			btt.id = 'spacebtn-t';
			infgrf.insertBefore (btt, infwin);
			var infbtn = document.getElementById('spacebtn-t');
			while (def.buttons && def.buttons[n]) {
			if (def.buttons[n].top && def.buttons[n].id != 'break') {
			var content = '<button id="butt_'+def.buttons[n].id+'" onclick="infographic_view(event,this)"';
			content += 'class="group'+g+'">'+def.buttons[n].title+'</button>';
			infbtn.innerHTML += content;
			var elem = document.getElementById('butt_'+def.buttons[n].id);
			sz[g] = Math.max(elem.offsetWidth, sz[g]);
			}
			if (def.buttons[n].top && def.buttons[n].id == 'break') {
			g++;
			sz[g] = 40;
			infbtn.innerHTML += '<br>';
			}
			n++;
			}
			// ajuste largeur boutons par groupe
			var elem = document.styleSheets[0];
			for (var g = 0; g < sz.length ; g++) {
			if (elem.insertRule) elem.insertRule('#infographic #spacebtn-t .group'+g+' {width: '+sz[g]+'px !important;}',elem.cssRules.length);
			else if (elem.addRule) elem.addRule('#infographic #spacebtn-t .group'+g , 'width: '+sz[g]+'px !important;');
			}

			// boite boutons bas
			n = 0;
			g = 0;
			sz = new Array();
			sz[0] = 40;
			var btb = document.createElement("div");
			btb.id = 'spacebtn-b';
			infgrf.appendChild (btb);
			//infgrf.innerHTML += '<div id="spacebtn-b"></div>';
			infbtn = document.getElementById('spacebtn-b');
	while (def.buttons && def.buttons[n]) {		while (def.buttons && def.buttons[n]) {
	if (def.buttons[n].id != 'break') {		if (!def.buttons[n].top && def.buttons[n].id != 'break') {
	var content = '<button id="butn_'+def.buttons[n].id+'" onclick="infographic_view(event,this)"';		var content = '<button id="butn_'+def.buttons[n].id+'" onclick="infographic_view(event,this)"';
	content += 'class="group'+g+'">'+def.buttons[n].title+'</button>';		content += 'class="group'+g+'">'+def.buttons[n].title+'</button>';
Ligne 231 :		Ligne 267 :
	var elem = document.getElementById('butn_'+def.buttons[n].id);		var elem = document.getElementById('butn_'+def.buttons[n].id);
	sz[g] = Math.max(elem.offsetWidth, sz[g]);		sz[g] = Math.max(elem.offsetWidth, sz[g]);
	} ~~else~~ {		}
			if (!def.buttons[n].top && def.buttons[n].id == 'break') {
	g++;		g++;
	sz[g] = 40;		sz[g] = 40;
Ligne 241 :		Ligne 278 :
	var elem = document.styleSheets[0];		var elem = document.styleSheets[0];
	for (var g = 0; g < sz.length ; g++) {		for (var g = 0; g < sz.length ; g++) {
	if (elem.insertRule) elem.insertRule('#infographic #spacebtn .group'+g+' {width: '+sz[g]+'px !important;}',elem.cssRules.length);		if (elem.insertRule) elem.insertRule('#infographic #spacebtn-b .group'+g+' {width: '+sz[g]+'px !important;}',elem.cssRules.length);
	else if (elem.addRule) elem.addRule('#infographic #spacebtn .group'+g , 'width: '+sz[g]+'px !important;');		else if (elem.addRule) elem.addRule('#infographic #spacebtn-b .group'+g , 'width: '+sz[g]+'px !important;');
	}		}


	// centrage legendes		/* centrage legendes */
	infographic_adjust();		infographic_adjust();
	}		}
Ligne 262 :		Ligne 299 :
	var infos = document.getElementById('infographic').getElementsByTagName('span');		var infos = document.getElementById('infographic').getElementsByTagName('span');
	// si lance par bouton		// si lance par bouton
	if (elem.id.match(/^butn/)) {		if (elem.id.match(/^butn/) \|\| elem.id.match(/^butt/)) {
	// efface affich precedent:		// efface affich precedent:
	infographic_hide('all');		infographic_hide('all');
Ligne 286 :		Ligne 323 :
	// si popup direct		// si popup direct
	if (pb == tablgpb.length) infos[i].style.visibility = 'visible';		if (pb == tablgpb.length) infos[i].style.visibility = 'visible';
	// exception si ~~ctrl active affich~~ tout		// exception si shift + bouton bas : affiche tout popups
	if (evt.~~ctrlKey~~) infos[i].style.visibility = 'visible';		if (evt.shiftKey && elem.id.match(/^butn/)) infos[i].style.visibility = 'visible';
	}		}
	}		}
Ligne 311 :		Ligne 348 :

	// efface indic bouton actif		// efface indic bouton actif
	var ~~btns~~ = document.getElementById('spacebtn').getElementsByTagName('button');		var btnb = document.getElementById('spacebtn-b').getElementsByTagName('button');
	for (var i = 0; i < ~~btns~~.length ; i++) {		var btnt = (document.getElementById('spacebtn-t').getElementsByTagName('button'));
	~~btns~~[i].style.borderStyle = '';		for (var i = 0; i < btnb.length ; i++) {
	~~btns~~[i].style.borderColor = '';		btnb[i].style.borderStyle = '';
			btnb[i].style.borderColor = '';
			}
			for (var i = 0; i < btnt.length ; i++) {
			btnt[i].style.borderStyle = '';
			btnt[i].style.borderColor = '';
	}		}

Pinocchio : m

2010-06-24T21:55:40Z

← Version précédente		Version du 24 juin 2010 à 21:55
Ligne 211 :		Ligne 211 :
	var txt = def.popups[n].text.replace(/‴/g, '"');		var txt = def.popups[n].text.replace(/‴/g, '"');
	content += txt+'</span>';		content += txt+'</span>';
	//~~infimg~~.innerHTML += content;		//infgrf.innerHTML += content;
	~~infgrf~~.innerHTML += content;		infimg.innerHTML += content;
	n++;		n++;
	}		}

Pinocchio : modif. coords bulles

2010-06-24T21:24:13Z

modif. coords bulles

← Version précédente		Version du 24 juin 2010 à 21:24
Ligne 54 :		Ligne 54 :
	if (def.map[0].width == 'auto') {		if (def.map[0].width == 'auto') {
	infographicadjust['def']['dw'] = infgrf.offsetWidth - 40;		infographicadjust['def']['dw'] = infgrf.offsetWidth - 40;
	infographicadjust['def']['dh'] = infographicadjust['def']['dw'] / ~~infographicadjust['def']['ow']~~ * ~~infographicadjust['def']['oh']~~;		infographicadjust['def']['dh'] = infographicadjust['def']['dw'] / imgfond.width * imgfond.height;
	}		}

Ligne 194 :		Ligne 194 :
	var n = 0;		var n = 0;
	while (def.popups && def.popups[n]) {		while (def.popups && def.popups[n]) {
			// transforme coords en %
			if (def.popups[n].x.match(/px$/)) var posx = 100 * parseInt(def.popups[n].x) / imgfond.width;
			else var posx = parseInt(def.popups[n].x);
			if (def.popups[n].y.match(/px$/)) var posy = 100 * parseInt(def.popups[n].y) / imgfond.height;
			else var posy = parseInt(def.popups[n].y);

	var content = '<span class="popu" id="if_'+def.popups[n].id+'" onclick="infographic_hide(this)"';		var content = '<span class="popu" id="if_'+def.popups[n].id+'" onclick="infographic_hide(this)"';
	content += ' style="top:'+~~def.popups[n].y~~+';left:'+~~def.popups[n].x~~+';';		content += ' style="top:'+posy+'%;left:'+posx+'%;';
	if (def.popups[n].fgcolor) {		if (def.popups[n].fgcolor) {
	content += 'color:'+def.popups[n].fgcolor+';';		content += 'color:'+def.popups[n].fgcolor+';';
Ligne 259 :		Ligne 265 :
	// efface affich precedent:		// efface affich precedent:
	infographic_hide('all');		infographic_hide('all');

	// indic bouton actif		// indic bouton actif
	elem.style.borderStyle = 'inset';		elem.style.borderStyle = 'inset';
			elem.style.borderColor = '#D40';

	for (var i = 0; i < infos.length ; i++) {		for (var i = 0; i < infos.length ; i++) {
Ligne 304 :		Ligne 312 :
	// efface indic bouton actif		// efface indic bouton actif
	var btns = document.getElementById('spacebtn').getElementsByTagName('button');		var btns = document.getElementById('spacebtn').getElementsByTagName('button');
	for (var i = 0; i < btns.length ; i++) btns[i].style.borderStyle = '';		for (var i = 0; i < btns.length ; i++) {
			btns[i].style.borderStyle = '';
			btns[i].style.borderColor = '';
			}

	} else {		} else {

Pinocchio : correction bug

2010-06-23T17:11:38Z

correction bug

← Version précédente		Version du 23 juin 2010 à 17:11
Ligne 54 :		Ligne 54 :
	if (def.map[0].width == 'auto') {		if (def.map[0].width == 'auto') {
	infographicadjust['def']['dw'] = infgrf.offsetWidth - 40;		infographicadjust['def']['dw'] = infgrf.offsetWidth - 40;
	infographicadjust['def']['dh'] = infographicadjust['def']['dw'] / ~~imgfond.width~~ * ~~imgfond.height~~;		infographicadjust['def']['dh'] = infographicadjust['def']['dw'] / infographicadjust['def']['ow'] * infographicadjust['def']['oh'];
	}		}


	// aff image de fond		// aff image de fond
	infgrf.~~setAttribute('~~style~~', '~~width~~:'+~~infographicadjust['def']['dw']+'px');		infgrf.style.width = infographicadjust['def']['dw']+'px';
	infwin.~~setAttribute('~~style~~', '~~width~~:'+~~infographicadjust['def']['dw']+'px; height~~:'+~~infographicadjust['def']['dh']+'px');		infwin.style.width = infographicadjust['def']['dw']+'px';
	infimg.innerHTML = '<img id="infmap" src="'+imgfond.src+'" style=~~"width:~~'+infographicadjust['def']['dw']+'px; height~~:'+~~infographicadjust['def']['dh']+'px~~" />~~';		infwin.style.height = infographicadjust['def']['dh']+'px';
			infimg.innerHTML = '<img id="infmap" src="'+imgfond.src+'" />';
			infimg.style.width = infographicadjust['def']['dw']+'px';
			infimg.style.height = infographicadjust['def']['dh']+'px';
			document.getElementById('infmap').style.width = infographicadjust['def']['dw']+'px';
			document.getElementById('infmap').style.height = infographicadjust['def']['dh']+'px';

Pinocchio : maj amélioration

2010-06-22T19:29:59Z

maj amélioration

← Version précédente		Version du 22 juin 2010 à 19:29
Ligne 39 :		Ligne 39 :
	var infimg = document.getElementById('infographic-img');		var infimg = document.getElementById('infographic-img');
	if (!infgrf) return;		if (!infgrf) return;

	~~// aff. image de fond~~
	~~infgrf.setAttribute('style', 'width:'+def.map[0].width+';');~~
	~~infwin.setAttribute('style', 'width:'+def.map[0].width+'; height:'+def.map[0].height+';');~~
	~~infimg.innerHTML = '<img id="infmap" src="'+imgfond.src+'" style="width:'+def.map[0].width+'; height:'+def.map[0].height+'" />';~~


Ligne 54 :		Ligne 49 :
	infographicadjust['lst'] = new Array();		infographicadjust['lst'] = new Array();
	infographicadjust['ftz'] = new Array();		infographicadjust['ftz'] = new Array();


			// auto width
			if (def.map[0].width == 'auto') {
			infographicadjust['def']['dw'] = infgrf.offsetWidth - 40;
			infographicadjust['def']['dh'] = infographicadjust['def']['dw'] / imgfond.width * imgfond.height;
			}


			// aff image de fond
			infgrf.setAttribute('style', 'width:'+infographicadjust['def']['dw']+'px');
			infwin.setAttribute('style', 'width:'+infographicadjust['def']['dw']+'px; height:'+infographicadjust['def']['dh']+'px');
			infimg.innerHTML = '<img id="infmap" src="'+imgfond.src+'" style="width:'+infographicadjust['def']['dw']+'px; height:'+infographicadjust['def']['dh']+'px" />';


Ligne 86 :		Ligne 94 :
	if (navigator.appName.match('Explorer')) var img = '<img style="width:100%;height:100%;" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A%2FwD%2FoL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAA1JREFUCNdj%2BP%2F%2FPwMACPwC%2Flyfz9oAAAAASUVORK5CYII%3D" />';		if (navigator.appName.match('Explorer')) var img = '<img style="width:100%;height:100%;" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A%2FwD%2FoL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAA1JREFUCNdj%2BP%2F%2FPwMACPwC%2Flyfz9oAAAAASUVORK5CYII%3D" />';
	else var img = '';		else var img = '';
	var content = '<div id="area_'+def.areas[n].id+'" class="area" onmouseover="infographic_view(this)"';		var content = '<div id="area_'+def.areas[n].id+'" class="area" onmouseover="infographic_view(event,this)"';
	content += 'style="top:'+posy1+'%; left:'+posx1+'%; width:'+(posx2-posx1)+'%; height:'+(posy2-posy1)+'%;">'+img+'</div>';		content += 'style="top:'+posy1+'%; left:'+posx1+'%; width:'+(posx2-posx1)+'%; height:'+(posy2-posy1)+'%;">'+img+'</div>';
	infimg.innerHTML += content;		infimg.innerHTML += content;
Ligne 101 :		Ligne 109 :
	case 'B':		case 'B':
	var id = 'lgpb_'+def.legends[n].id;		var id = 'lgpb_'+def.legends[n].id;
	var content = '<span id="'+id+'" onclick="infographic_view(this)"';		var content = '<span id="'+id+'" onclick="infographic_view(event,this)"';
	break;		break;
	default:		default:
	var id = 'lgpt_'+def.legends[n].id;		var id = 'lgpt_'+def.legends[n].id;
	var content = '<span id="'+id+'" onclick="infographic_view(this)"';		var content = '<span id="'+id+'" onclick="infographic_view(event,this)"';
	break;		break;
	}		}
Ligne 207 :		Ligne 215 :
	while (def.buttons && def.buttons[n]) {		while (def.buttons && def.buttons[n]) {
	if (def.buttons[n].id != 'break') {		if (def.buttons[n].id != 'break') {
	var content = '<button id="butn_'+def.buttons[n].id+'" onclick="infographic_view(this)"';		var content = '<button id="butn_'+def.buttons[n].id+'" onclick="infographic_view(event,this)"';
	content += 'class="group'+g+'">'+def.buttons[n].title+'</button>';		content += 'class="group'+g+'">'+def.buttons[n].title+'</button>';
	infbtn.innerHTML += content;		infbtn.innerHTML += content;
Ligne 234 :		Ligne 242 :

	/* Affiche popups et legendes mode B */		/* Affiche popups et legendes mode B */
	function infographic_view(elem) {		function infographic_view(evt,elem) {
	var dat = elem.id.substr(5).replace(/,/g,'\|');		var dat = elem.id.substr(5).replace(/,/g,'\|');
	var str1 = new RegExp("if_("+dat+')');		var str1 = new RegExp("if_("+dat+')');
Ligne 246 :		Ligne 254 :
	// efface affich precedent:		// efface affich precedent:
	infographic_hide('all');		infographic_hide('all');
			// indic bouton actif
			elem.style.borderStyle = 'inset';

	for (var i = 0; i < infos.length ; i++) {		for (var i = 0; i < infos.length ; i++) {
	// si legende mode B		// si legende mode B
Ligne 253 :		Ligne 264 :
	}		}
	}		}
	// affiche popups direct ~~sauf popups descendants de legendes~~ mode B		// affiche popups direct seulement (pas si legende mode B intermediaire)
	for (var i = 0; i < infos.length ; i++) {		for (var i = 0; i < infos.length ; i++) {
	// si popup		// si popup
Ligne 260 :		Ligne 271 :
	if (infos[i].id.match(tablgpb[pb])) break;		if (infos[i].id.match(tablgpb[pb])) break;
	}		}
	// si ~~non descendant~~		// si popup direct
	if (pb == tablgpb.length) infos[i].style.visibility = 'visible';		if (pb == tablgpb.length) infos[i].style.visibility = 'visible';
			// exception si ctrl active affich tout
			if (evt.ctrlKey) infos[i].style.visibility = 'visible';
	}		}
	}		}
Ligne 283 :		Ligne 296 :
	if (infos[i].className == 'popu' \|\| infos[i].id.match(/^lgpb/)) infos[i].style.visibility = 'hidden';		if (infos[i].className == 'popu' \|\| infos[i].id.match(/^lgpb/)) infos[i].style.visibility = 'hidden';
	}		}

			// efface indic bouton actif
			var btns = document.getElementById('spacebtn').getElementsByTagName('button');
			for (var i = 0; i < btns.length ; i++) btns[i].style.borderStyle = '';

	} else {		} else {
	// si lance par sortie popup		// si lance par sortie popup

Pinocchio : encore un bug

2010-06-21T21:33:45Z

encore un bug

← Version précédente		Version du 21 juin 2010 à 21:33
Ligne 181 :		Ligne 181 :
	var n = 0;		var n = 0;
	while (def.popups && def.popups[n]) {		while (def.popups && def.popups[n]) {
	var content = '<span class="popu" id="if_'+def.popups[n].id+'" ~~onmouseout~~="infographic_hide(this)"';		var content = '<span class="popu" id="if_'+def.popups[n].id+'" onclick="infographic_hide(this)"';
	content += ' style="top:'+def.popups[n].y+';left:'+def.popups[n].x+';';		content += ' style="top:'+def.popups[n].y+';left:'+def.popups[n].x+';';
	if (def.popups[n].fgcolor) {		if (def.popups[n].fgcolor) {
Ligne 235 :		Ligne 235 :
	/* Affiche popups et legendes mode B */		/* Affiche popups et legendes mode B */
	function infographic_view(elem) {		function infographic_view(elem) {
	var dat = elem.id.substr(5).replace(',','\|');		var dat = elem.id.substr(5).replace(/,/g,'\|');
	var str1 = new RegExp("if_("+dat+')');		var str1 = new RegExp("if_("+dat+')');
	var str2 = new RegExp("lgpb_("+dat+')');		var str2 = new RegExp("lgpb_("+dat+')');

Pinocchio : correction bug

2010-06-21T10:05:19Z

correction bug

← Version précédente		Version du 21 juin 2010 à 10:05
Ligne 53 :		Ligne 53 :
	infographicadjust['def']['dh'] = parseInt(def.map[0].height);		infographicadjust['def']['dh'] = parseInt(def.map[0].height);
	infographicadjust['lst'] = new Array();		infographicadjust['lst'] = new Array();
			infographicadjust['ftz'] = new Array();


Ligne 121 :		Ligne 122 :
	if (def.legends[n].icon && def.legends[n].icon > 0) {		if (def.legends[n].icon && def.legends[n].icon > 0) {

	if (def.legends[n].color) {		switch (def.legends[n].color) {
	~~switch (def.legends[n].color) {~~		case 'rg':
	case 'rg':		content += ' icnrg';
	content += ' icnrg';		break;
	break;		case 'bl':
	case 'bl':		content += ' icnbl';
	content += ' icnbl';		break;
	break;		case 'gr':
	~~default:~~		default:
	~~content +=~~ ' ~~icngr~~';		content += ' icngr';
	}
	~~} else {~~
	content += ' icngr';
	}		}

	~~if (def.legends[n].pos) {~~		switch (def.legends[n].pos) {
	switch (def.legends[n].pos) {		case 'right':
	case 'right':		content += ' icn'+def.legends[n].icon+'R" style="top:'+posy+'%;right:'+(100 - posx)+'%;';
	content += ' icn'+def.legends[n].icon+'R" style="top:'+posy+'%;right:'+(100 - posx)+'%;';		break;
	break;		case 'top':
	case 'top':		content += ' icn'+def.legends[n].icon+'T" style="top:'+posy+'%;left:'+posx+'%;';
	content += ' icn'+def.legends[n].icon+'T" style="top:'+posy+'%;left:'+posx+'%;';		infographicadjust['lst'][infographicadjust['lst'].length] = id;
	infographicadjust['lst'][infographicadjust['lst'].length] = id;		break;
	break;		case 'bottom':
	case 'bottom':		content += ' icn'+def.legends[n].icon+'B" style="left:'+posx+'%;bottom:'+(100 - posy)+'%;';
	content += ' icn'+def.legends[n].icon+'B" style="left:'+posx+'%;bottom:'+(100 - posy)+'%;';		infographicadjust['lst'][infographicadjust['lst'].length] = id;
	infographicadjust['lst'][infographicadjust['lst'].length] = id;		break;
	break;		case 'left':
	case 'left':		default:
	default:
	~~content += ' icn'+def.legends[n].icon+'L" style="top:'+posy+'%;left:'+posx+'%;';~~
	}
	~~} else {~~
	~~// left par defaut~~
	content += ' icn'+def.legends[n].icon+'L" style="top:'+posy+'%;left:'+posx+'%;';		content += ' icn'+def.legends[n].icon+'L" style="top:'+posy+'%;left:'+posx+'%;';
	}		}
Ligne 321 :		Ligne 314 :
	document.getElementById('infographic-img').style.height = infographicadjust['def']['dh']+'px';		document.getElementById('infographic-img').style.height = infographicadjust['def']['dh']+'px';
	// police		// police
	if (elem.~~insertRule~~) elem.~~insertRule~~('~~#infographic {font-size: 13px !important;}~~'~~,elem.cssRules.length~~);		if (elem.deleteRule) elem.deleteRule(infographicadjust['ftz']);
	else if (elem.~~addRule~~) elem.~~addRule~~('~~#infographic', 'font-size: 13px !important;~~');		else if (elem.removeRule) elem.removeRule(infographicadjust['ftz']);
	infographic_adjust();		infographic_adjust();
	} else {		} else {
Ligne 332 :		Ligne 325 :
	document.getElementById('infographic-img').style.height = infographicadjust['def']['oh']+'px';		document.getElementById('infographic-img').style.height = infographicadjust['def']['oh']+'px';
	// police		// police
	if (elem.insertRule) elem.insertRule('#infographic {font-size: 15px !important;}',elem.cssRules.length);		if (elem.insertRule) infographicadjust['ftz'] = elem.insertRule('#infographic {font-size: 15px !important;}',elem.cssRules.length);
	else if (elem.addRule) elem.addRule('#infographic', 'font-size: 15px !important;');		else if (elem.addRule) infographicadjust['ftz'] = elem.addRule('#infographic', 'font-size: 15px !important;');
	infographic_adjust();		infographic_adjust();
	}		}
	btz.blur();		btz.blur();
	}		}

Utilisateur:Pinocchio/infographie.js - Historique des versions

Pinocchio : couleurs icones

Pinocchio : test

Pinocchio : alignement des puces

Pinocchio : ajout boite boutons sup

Pinocchio : m

Pinocchio : modif. coords bulles

Pinocchio : correction bug

Pinocchio : maj amélioration

Pinocchio : encore un bug

Pinocchio : correction bug

Pinocchio : couleurs icones

Pinocchio : test

Pinocchio : alignement des puces

Pinocchio : ajout boite boutons sup

Pinocchio : m

Pinocchio : modif. coords bulles

Pinocchio : correction bug

Pinocchio : maj amélioration

Pinocchio : encore un bug

Pinocchio : correction bug