Foros del Web » Programando para Internet » Javascript »

como controlo este calendario??

Estas en el tema de como controlo este calendario?? en el foro de Javascript en Foros del Web. Hola amig@s!! Buscando y buscando he encontrado este calendario en javascript Código: http://www.garrett.nildram.co.uk/calendar/scw.htm#examples-demo que me sirve estupendamente para lo que necesito. He podido controlar los ...
  #1 (permalink)  
Antiguo 07/06/2010, 04:16
Avatar de aniMAYtions  
Fecha de Ingreso: diciembre-2007
Ubicación: Granada
Mensajes: 519
Antigüedad: 16 años, 4 meses
Puntos: 2
como controlo este calendario??

Hola amig@s!!
Buscando y buscando he encontrado este calendario en javascript
Código:
http://www.garrett.nildram.co.uk/calendar/scw.htm#examples-demo
que me sirve estupendamente para lo que necesito.
He podido controlar los años, que era en parte lo que me interesaba; que salga por ejemplo, de tal a tal año.
Pero claro, mi formulario requiere multiples campos de fecha que necesitarían tirar del calendario, pero no todos los campos tienen el mismo rango de fechas. Por ejemplo, no es lo mismo una fecha de nacimiento que una fecha de próxima renovación del permiso de conducir(uno necesitará del año actual hacia atrás y el otro del año actual hacia alante).
La cosa es que queda muy feo que se vean tantos años en el campo correspondiente y me gustaría separar los scripts por el cometido de los mismos o modificar ese script de tal forma que en las iamadas pueda recibir dicho rango o reconocer el sitio desde donde se le iama y ajustar el rango en el mismo script.
Pero la verdad es que de javascript se poco y no consigo dar con la tecla, podríais aiudarme??

Gracias!!
  #2 (permalink)  
Antiguo 09/06/2010, 05:13
Avatar de aniMAYtions  
Fecha de Ingreso: diciembre-2007
Ubicación: Granada
Mensajes: 519
Antigüedad: 16 años, 4 meses
Puntos: 2
Respuesta: como controlo este calendario??

Bueno chic@s.

Finalmente he optado por usar un calendario dhtml, el jscalendar y todo parece estupendo.
Hasta que he visto que la parte gráfica dejaba mucho que desear y encontré la solución del jscal2.
He usado, si no todas, casi todas las versiones de este último, desde la 1.5 hasta la 1.8 y seguramente que saldría genial, a no ser porque me ocurren 2 cosillas:
1. No coge los estilos correctamente, solo el de por defecto(el mínimo, jscal2.css), y no sé si por eso el calendario me sale enorme y al salirse de los márgenes del div contenedor del formulario, no se ve por completo.
2. En el parámetro del display le digo que aparezca el popup en un div que he creado especialmente para él, pero pasa olímpicamente de mi y sale donde le da la real gana...

Os pongo un poco de código a ver si veis el faio por alguna parte:
Código Javascript:
Ver original
  1. En el head:
  2. <script type="text/javascript" src="calendar/js/jscal2.js"></script>
  3.     <script type="text/javascript" src="calendar/js/lang/es.js"></script>
  4.     <link rel="stylesheet" type="text/css" href="calendar/css/jscal2.css" />
  5.     <link rel="stylesheet" type="text/css" href="calendar/css/steel/steel.css" />
  6.     <link rel="stylesheet" type="text/css" href="calendar/css/border-radius.css" />
  7.  
  8. Después de la función(que se imprime por medio de una iamada php):
  9. <script type='text/javascript'>
  10.     Calendar.setup({
  11.       inputField: "nacimiento",
  12.       dateFormat: "%d/%m/%Y",
  13.       trigger: "calfecnac",
  14.       bottomBar: false,
  15.       onSelect: function() {
  16.               this.hide()
  17.       }
  18. });
  19.  
  20.  
  21.     </script>

Ahora veamos el boton, el input y el div del display
Código PHP:

<td colspan='2'><div id='fechanac' style='width:100%; float:left'><input type='text' name='lnacimiento' id='nacimiento' value='' maxlength='10' onBlur='javascript:validaFecha(this.id, this.name)'/><img src='images/calendar3.png' id='calfecnac'/><span class='asterisco'> (*)</span></div>
            <
div id='popfecnac' style='float:left; width:50%'></div></td
Yo lo veo igual que los ejemplos que he estado siguiendo, pero no sé por qué no me da los mismos resultados...

Gracias de antemano.
  #3 (permalink)  
Antiguo 14/06/2010, 13:06
Avatar de aniMAYtions  
Fecha de Ingreso: diciembre-2007
Ubicación: Granada
Mensajes: 519
Antigüedad: 16 años, 4 meses
Puntos: 2
Respuesta: como controlo este calendario??

De nuevo estoy por aquí.

Al final observé que lo que había era un conflicto entre la hoja de estilos que estaba utilizando para la página y la hoja de estilos del jscal2. Lo corregí y funcionaba perfectamente.
Ahora tengo un "ligero" faio y es que, en el navegador internet explorer aparece el calendario pero con todos los campos tipo <select> con los que se cruce(que deberían estar detrás) por delante. Quiero decir, se muestra el calendario bien pero con cosas tapadas por los campos select que se supone que deberían quedar detrás.
Alguien conoce el motivo de esto?

Gracias de nuevo

Etiquetas: calendario
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 15:18.