Foros del Web » Programando para Internet » Javascript »

Calendario con días seleccionados

Estas en el tema de Calendario con días seleccionados en el foro de Javascript en Foros del Web. Buenas, tengo un problemita que desde hace unos dias me esta dando dolor de cabeza. Resulta que en la empresa necesitan un calendario que marque ...
  #1 (permalink)  
Antiguo 27/05/2014, 09:37
Avatar de KATHYU  
Fecha de Ingreso: julio-2013
Mensajes: 547
Antigüedad: 10 años, 9 meses
Puntos: 46
Calendario con días seleccionados

Buenas, tengo un problemita que desde hace unos dias me esta dando dolor de cabeza.

Resulta que en la empresa necesitan un calendario que marque los dias del 1 al 7 de cada mes porque en esos dias manejan una promocion.

He trabajado varios calendarios sin tener mayor progreso, solo un uno que es con unas librerias YUI (Yahoo Apis) he podido hacer que se pongan de un color los dias del 1 al 7 pero porque en esa libreria se pueden elegir que dias son domingos y le ponen un color asi que hice una variable que los domingos de cada mes son del 1 al 7. Pero no me gusta porque solo trabajan desde los servidores de yahoo y yo quiero algo que este en nuestro server.

Ya dias tenia la pagina de caricatos como un marcador muy util y pues intentando ajustar uno de sus calendarios a mi necesidad llego al mismo problema, no puedo poner de un color los dias del 1 al 7


Aca el JS del calendario de Caricatos que quiero implementar

Caricatos se que en esta linea del js es donde usted maneja los diferentes tipos de dias: className = (esHoy) ? "hoy" : (actual % 7 == 0) ? "domingo" : "normal"; intente hacer una variable con los dias del 1 al 7 y en el CSS ponerle un color pero no me sale, se me colorean todos los dias del mes

Alguna idea de que pueda hacer ???
__________________
Al contrario de lo que muchos podrían afirmar, ayudar no te hace pobre, sino más rico.
  #2 (permalink)  
Antiguo 27/05/2014, 10:56
 
Fecha de Ingreso: mayo-2014
Mensajes: 17
Antigüedad: 10 años
Puntos: 0
Respuesta: Calendario con días seleccionados

Complicadillo el calendario ese.

Así a bote pronto, se me ocurre que una vez generado, como pone en una tabla los días, comprobar los <td> y cuyo valor sea de 1 a 7. Cogiendo todos los td por el nombre:

document.getElementByTagName("td") y recorrerlos en un blucle comprobando su valor y si es entre 1 y 7, .style.color="#FF0000"; (Este caso rojo);
  #3 (permalink)  
Antiguo 27/05/2014, 15:00
Avatar de KATHYU  
Fecha de Ingreso: julio-2013
Mensajes: 547
Antigüedad: 10 años, 9 meses
Puntos: 46
Respuesta: Calendario con días seleccionados

Cita:
Iniciado por mnocturno Ver Mensaje
Complicadillo el calendario ese.

Así a bote pronto, se me ocurre que una vez generado, como pone en una tabla los días, comprobar los <td> y cuyo valor sea de 1 a 7. Cogiendo todos los td por el nombre:

document.getElementByTagName("td") y recorrerlos en un blucle comprobando su valor y si es entre 1 y 7, .style.color= "#FF0000"; (Este caso rojo);
Eso seria JS o PHP ??

Ademas creo que caricatos siendo el quien diseño el calendario, podría definir otra clase en la que se pongan los días del 1 al 7 y se coloreen de un color tal

Por ejemplo en el calendario de YUI que tengo todos los domingos tenian un color y por cada mes se genera un array con que fechas (numeros) son domingos, asi que modifique ese array y puse domingos = [1,2,3,4,5,6,7] y listo pero pues me gustaria hacerlo con otra libreria diferente a esa
__________________
Al contrario de lo que muchos podrían afirmar, ayudar no te hace pobre, sino más rico.
  #4 (permalink)  
Antiguo 27/05/2014, 16:17
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Respuesta: Calendario con días seleccionados

Hola:

Mañana revisaré el código para ayudarte, pero a primera vista, puedes crear una clase para esos días hasta el 7, y añadir otra línea (para mantener el color de los domingos) con algo así:

className = (esHoy) ? "hoy" : (actual <= 7) ? "primera_semana" : "normal";

Repito que escribí "a capella", mañana reviso el código y te cuento...

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #5 (permalink)  
Antiguo 28/05/2014, 00:43
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Respuesta: Calendario con días seleccionados

Hola:

Cita:
Iniciado por caricatos Ver Mensaje
... mañana reviso el código y te cuento...
Pues la variable que debes comprobar es "eldia":

if (eldia <= 7) style.backgroundColor = "red";

Como verás puedes usar clases o estilos directos...

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #6 (permalink)  
Antiguo 28/05/2014, 08:48
Avatar de KATHYU  
Fecha de Ingreso: julio-2013
Mensajes: 547
Antigüedad: 10 años, 9 meses
Puntos: 46
Respuesta: Calendario con días seleccionados

Cita:
Iniciado por caricatos Ver Mensaje
Hola:



Pues la variable que debes comprobar es "eldia":

if (eldia <= 7) style.backgroundColor = "red";

Como verás puedes usar clases o estilos directos...

Saludos
Pues definitivamente eso era y sabia que "el papa del niño" (osea el creador) sabria como hacerlo, y fijese que no andaba tan mal, lo que pasa es que mi if decia <= a 7 y me pintaba todos los días

Muchas Gracias Caricatos, sabia que poner su pagina como un marcador principal era bueno
__________________
Al contrario de lo que muchos podrían afirmar, ayudar no te hace pobre, sino más rico.
  #7 (permalink)  
Antiguo 28/05/2014, 08:52
Avatar de KATHYU  
Fecha de Ingreso: julio-2013
Mensajes: 547
Antigüedad: 10 años, 9 meses
Puntos: 46
Respuesta: Calendario con días seleccionados

Hoy solo tengo la misión de poner el domingo como el primer día de la semana

Igual si sabe donde hacerlo ya sabe que estamos a la orden
__________________
Al contrario de lo que muchos podrían afirmar, ayudar no te hace pobre, sino más rico.

Etiquetas: calendario, js, seleccionados, variable
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 09:21.