Tema: Cambiar de color con un clic JS
Ver Mensaje Individual
  #10 (permalink)  
Antiguo 08/12/2014, 19:08
spocnic
 
Fecha de Ingreso: julio-2014
Ubicación: México
Mensajes: 13
Antigüedad: 10 años, 3 meses
Puntos: 0
Respuesta: Cambiar de color con un clic JS
Quise fucionar los dos codigos pero no puedo hacer que se quede seleccionado... el codigo quedo asi...

Código Javascript: 
Ver original
  1. function color(elemento){
  2.                 var colores = ['BDBDBD', 'FF0000', 'FFFF00', 'FFFFFF'],
  3.                     cuenta = Number(elemento.dataset.cuenta);
  4.                 
  5.                 if (cuenta + 1 <= colores.length - 1){
  6.                     cuenta++;
  7.                 }
  8.                 else{
  9.                     cuenta = 0;
  10.                 }
  11.                 
  12.                 /*elemento.style.color = colores[cuenta];*/
  13.                 elemento.dataset.cuenta = cuenta;
  14.             
  15.             
  16.         var image = $('#cuerpoDermatomas');
  17.             $('#cuerpoDermatomas').mapster({        
  18.                 mapKey: 'data-key',
  19.                 fillColor: colores[cuenta],
  20.                 render_highlight: {
  21.             fillOpacity: 1
  22.         },
  23.         render_select: {
  24.             fillOpacity: 0.6
  25.         },
  26.                 singleSelect: false,
  27.                 mapKey: 'name',
  28.                 listKey: 'name',
  29.                 onClick: function (e) {
  30.                 $('#selections').html(xref[e.key]);
  31.             },
  32.         showToolTip: true,
  33.         toolTipClose: ["tooltip-click", "area-click"],
  34.         areas: [
  35.             {
  36.                 key: "c",
  37.                 toolTip: "Entre Rios, capital: Parana"
  38.  
  39.             },
  40.             {
  41.                 key: "misiones",
  42.                 fillColor: "fff000",
  43.                 toolTip: "Misiones, capital: Posadas"
  44.  
  45.             },
  46.             {
  47.                 key: "cordoba",
  48.                 fillColor: "000000",
  49.                 toolTip: "Córdoba, capital: Córdoba"
  50.  
  51.             },
  52.             {
  53.                 key: "buenosaires",
  54.                 toolTip: "Buenos Aires, capital: La Plata"
  55.             },
  56.             {
  57.                 key: "chubut",
  58.                 strokeColor: "FFFFFF",
  59.                 toolTip: "Chubut, capital: Rawson"
  60.  
  61.             }
  62.             ]
  63.         });
  64.                 
  65.             }

si quieren ver como queda...

https://mega.co.nz/#!SARmxYqC!LJfkZBAp2cu7xge_mcdLxwW4WzttiJhS8SQXFnH Ot-Y

El problema es que se resetea todo cuando le doy clic a las áreas en las que se incluyo, mientras que todo lo demás toma ese color...

Código HTML: 
Ver original
  1. data-cuenta = "-1" onClick="color(this)"