jscalendar: conectar calendarios

thunder.scripts · #1 (**permalink**) 27/07/2007, 13:04

Alguien usó alguna vez jscalendar http://www.dynarch.com/projects/calendar/?

Lo estoy usando y necesito conectar tres calendarios de tal forma que, al cambiar el mes en uno, también cambie en los otros tres.

Se entiende? Si elijo Julio en el primero, los otros dos tienen que mostrar Agosto y Septiembre. Así con todos.

Se puede?

thunder.scripts · #2 (**permalink**) 29/07/2007, 14:39

Ya lo solucioné usando el método onUpdate de los calendarios :D

kitune · #3 (**permalink**) 02/08/2007, 10:19

podrias explicarme como, por favor? Yo tengo 2 calendarios y quiero pues eso, que al pincharle a un mes se cambie el otro, siempre esten correlativos.

Ahora tengo este codigo:

Código:

Calendar.setup(
    {
      flat         : "calendar-container", 
      onUpdate : update1,
      dateStatusFunc : function(date, y, m, d) {
	                   if(antesdehoy(date)) return true;
						else{
							if (!fechareservada(y, m, d) && temporadaalta(y, m, d)) return "temporadaalta";
							if (!fechareservada(y, m, d) && !temporadaalta(y, m, d)) return false;
							else return true;}
						 	
                         
                      }

					  
					   
    }
  );

Se supone que eso llama a la funcion update1, no? pero nose que tengo qye poner ahi porque se me ralla.

Un saludo y gracias.

thunder.scripts · #4 (**permalink**) 02/08/2007, 10:48

Modifiqué los dos scripts que vienen con el calendario: calendar.js y calendar-setup.js: http://kumquat.quickshareit.com/shar...setup8b5b5.zip

Abajo el código de los calendarios:

Código:

<script type="text/javascript">//<![CDATA[

    function closed(cal) {

		//Sync calendars
		if(cal.element.parentNode.id == 'cal1') {			
			two.setDate(new Date(one.date.getFullYear(), one.date.getMonth()+1, 1))
			three.setDate(new Date(one.date.getFullYear(), one.date.getMonth()+2, 1))
		} else if(cal.element.parentNode.id == 'cal2') {
			one.setDate(new Date(two.date.getFullYear(), two.date.getMonth()-1, 1))
			three.setDate(new Date(two.date.getFullYear(), two.date.getMonth()+1, 1))
		} else if(cal.element.parentNode.id == 'cal3') {
			one.setDate(new Date(three.date.getFullYear(), three.date.getMonth()-2, 1))
			two.setDate(new Date(three.date.getFullYear(), three.date.getMonth()-1, 1))
		} 
      
    };

    var one = Calendar.setup(
    {
		flat		: 'cal1',
		align		: 'BL',
		weekNumbers	: false,
		showOthers	: true,
		onUpdate	: closed
    });
	
	var two = Calendar.setup(
    {
		flat		: 'cal2',
		align		: 'BL',
		weekNumbers	: false,
		showOthers	: true,
		onUpdate	: closed
    });
	
	var three = Calendar.setup(
	{
		flat		: 'cal3',
		align		: 'BL',
		weekNumbers	: false,
		showOthers	: true,
		onUpdate	: closed
    });
  
//]]></script>

Esto funciona con calendarios de tipo flat, si es de los popup creo que no te va a servir.

Suerte!
Fede

kitune · #5 (**permalink**) 02/08/2007, 11:15

Puedes pasarme el calendar.js tambien? me da un error de parent noseque.. igual es por eso.

Y muchas gracias por la informacion.

thunder.scripts · #6 (**permalink**) 02/08/2007, 11:29

Disculpá, mi intención había sido subir los dos :P
http://clementine.quickshareit.com/s...endarecb88.zip

kitune · #7 (**permalink**) 03/08/2007, 03:05

Pues nose que pasa pero me sigue diciendo " Calendar.setup: Flat specified but cant find parent"

He copiado los 2 archivos esos y he puesto el codigo que me has dicho alli arriba, alguna idea de que puede ser? porque ni se me muestran los calendarios...

muchas gracias!

thunder.scripts · #8 (**permalink**) 03/08/2007, 09:17

Fijate que lo que ponés después de flat (en este caso cal1 y 2) es el id del elemento donde querés poner el calendario.

kitune · #9 (**permalink**) 03/08/2007, 10:33

ya, si he copiado y pegado tu codigo, y me da ese error.

thunder.scripts · #10 (**permalink**) 05/08/2007, 14:39

Mostrá tu HTML completo.

kitune · #11 (**permalink**) 06/08/2007, 02:25

Nada, lo unico que he hecho es poner el codigo que me dijistes dentro de un HTML, lo pego tal cual, ok?

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML>
<HEAD>
<TITLE>prueba</TITLE>
<SCRIPT 
src="Alojamientos%20-%20Apartamentos%20en%20Valencia_archivos/calendar.js" type=text/javascript></SCRIPT>
<SCRIPT src="Alojamientos%20-%20Apartamentos%20en%20Valencia_archivos/calendar-es.js" type=text/javascript></SCRIPT>
<SCRIPT src="Alojamientos%20-%20Apartamentos%20en%20Valencia_archivos/calendar-setup.js" type=text/javascript></SCRIPT>
</HEAD>
<BODY>
<script type="text/javascript">//<![CDATA[

    function closed(cal) {

		//Sync calendars
		if(cal.element.parentNode.id == 'cal1') {			
			two.setDate(new Date(one.date.getFullYear(), one.date.getMonth()+1, 1))
			three.setDate(new Date(one.date.getFullYear(), one.date.getMonth()+2, 1))
		} else if(cal.element.parentNode.id == 'cal2') {
			one.setDate(new Date(two.date.getFullYear(), two.date.getMonth()-1, 1))
			three.setDate(new Date(two.date.getFullYear(), two.date.getMonth()+1, 1))
		} else if(cal.element.parentNode.id == 'cal3') {
			one.setDate(new Date(three.date.getFullYear(), three.date.getMonth()-2, 1))
			two.setDate(new Date(three.date.getFullYear(), three.date.getMonth()-1, 1))
		} 
      
    };

    var one = Calendar.setup(
    {
		flat		: 'cal1',
		align		: 'BL',
		weekNumbers	: false,
		showOthers	: true,
		onUpdate	: closed
    });
	
	var two = Calendar.setup(
    {
		flat		: 'cal2',
		align		: 'BL',
		weekNumbers	: false,
		showOthers	: true,
		onUpdate	: closed
    });
	
	var three = Calendar.setup(
	{
		flat		: 'cal3',
		align		: 'BL',
		weekNumbers	: false,
		showOthers	: true,
		onUpdate	: closed
    });
  
//]]></script>
</BODY>
</HEAD>

Y los archivos son los que me distes.

Un saludo!

kitune · #12 (**permalink**) 07/08/2007, 02:15

Help please!! :D

kitune · #13 (**permalink**) 07/08/2007, 10:02

na, q no lo saco..

bejarano · #14 (**permalink**) 09/08/2007, 09:58

Hola, yo también estoy usando ese calendario, pero si dejo como está me lo carga en el "BODY", en IE se me coloca en el sitio correcto (debajo del botón que lo llama), pero en Firefox no me funciona. El botón está dentro de un "DIV" y he cambiado lo del body por lo de mi div, pero sigue sin verse en FF.

¿Alguien me puede ayudar para que me salga debajo del botón que lo llama en ambos navegadores, o por lo menos que se me abra en calendario en el div que yo quiera?

Muchas gracias.