Foros del Web » Programando para Internet » Javascript »

Calendario Javascript cambio de color

Estas en el tema de Calendario Javascript cambio de color en el foro de Javascript en Foros del Web. Tengo un calendario en http://www.pimau.com/cal/, con la variable var "codropsEvents", '07-07-2015' : 'ohohohoho', querria añadir otro campo, '07-07-2015' : 1 : 'ohohohoho', y que dependiendo ...
  #1 (permalink)  
Antiguo 15/07/2015, 10:39
 
Fecha de Ingreso: febrero-2010
Mensajes: 2
Antigüedad: 14 años, 1 mes
Puntos: 0
Calendario Javascript cambio de color

Tengo un calendario en http://www.pimau.com/cal/, con la variable

var "codropsEvents", '07-07-2015' : 'ohohohoho',

querria añadir otro campo, '07-07-2015' : 1 : 'ohohohoho', y que dependiendo de ese campo cambiar el color de fondo de la celda.

No encuentro la manera de leer este campo nuevo ni de cambiar el color de fondo a traves de javascript
  #2 (permalink)  
Antiguo 19/07/2015, 06:53
 
Fecha de Ingreso: diciembre-2011
Mensajes: 98
Antigüedad: 12 años, 3 meses
Puntos: 29
Respuesta: Calendario Javascript cambio de color

A ver por lo que he visto en tú página el objeto "codropsEvents" se carga así:

Código Javascript:
Ver original
  1. var codropsEvents = {
  2.     '07-07-2015' : 'ohohohoho',
  3.     '08-08-2015' : '<a href="http://google.es/">Adaptive Thumbnail Pile Effect with Automatic Grouping</a>'
  4.     };

Si quisieses añadir otro campo lo podrías hacer de las dos siguientes maneras:

Con arrays:
Código Javascript:
Ver original
  1. var codropsEvents = {
  2.     '07-07-2015' : ['ohohohoho', 'red']
  3. };
  4.  
  5. /* Y luego acceder a esos datos de la siguiente forma: */
  6.  
  7. codropsEvents['07-07-2015'][0] /*ohohohoho*/
  8. codropsEvents['07-07-2015'][1] /*red*/

Con objetos:
Código Javascript:
Ver original
  1. var codropsEvents = {
  2.     '07-07-2015' : {'content':'ohohohoho', 'color':'red'}
  3. };
  4.  
  5. /* Y luego acceder a esos datos de la siguiente forma: */
  6.  
  7. codropsEvents['07-07-2015'].content /*ohohohoho*/
  8. codropsEvents['07-07-2015'].color /*red*/

Y luego para cambiar el color de fondo en JS puedes hacerlo así:
Código Javascript:
Ver original
  1. element.style.backgroundColor = "red";

Claro que también vi que usabas una librería para dibujar el calendario, así que tendras que investigar cómo funciona para poder hacer los cambios en ella...

Etiquetas: Ninguno
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:29.