Guardar Fecha de un calendario Java en variable php

Rubix · #1 (**permalink**) 09/12/2009, 10:48

Hola compañeros.

Para mi proyecto de fin de carrera tengo que hacer una web de alquileres de vehículos. Mi problema viene al reservar la fecha para un determinado vehículo.

He instalado un calendario java clickeable y me gustaría que a partir de el pudiese recuperar dicha fecha en una variable php, para posteriormente introducir dicha fecha en la Base de Datos.

El calendario en cuestión es este: www[punto]dynarch.com/static/JSCal2/index[punto]html (lo escribo así porque el foro no me deja insertar enlaces aún.

Se que Java se ejecuta en el cliente y php en el servidor, así que estoy abierto a sugerencias del tipo "AJAX" o algo así aunque si me aconsejáis algo así, por favor explicaros con la mayor claridad posible, ya que no tengo ni idea de como va ese lenguaje.

Muchísimas gracias a todos!

dcreate · #2 (**permalink**) 09/12/2009, 10:53

yo estuve trabajando con una version vieja de este calendario, lo unico q hacia era incluir las lineas de script, algo asi:

Código script:

Ver original<script type="text/javascript" src="calendar.js"></script>
    <script type="text/javascript" src="calendar-setup.js"></script>
    <script type="text/javascript" src="calendar-es.js"></script>
 
    <style type="text/css"> 
 
    @import url("calendar-green.css"); 
</style>

antes de la etiqueta </head>

y la caja de texto y la configuraciin quedaba asi:

Código html:

Ver original<input name="fecha2" type="text" id="fecha2" />
          <input type="reset" name="imageField2" />
              <script type="text/javascript">Calendar.setup({
              inputField    : "fecha2",
              button        : "imageField2"
            });
          </script>

espero te ayude

Rubix · #3 (**permalink**) 09/12/2009, 11:03

Hola, gracias por contestar, pero no me soluciona el problema :P

Ese código que me has pasado es para insertar el Calendario en la web (si no me equivoco), cosa que tengo hecha. Lo que necesito es recuperar la fecha que elijas en una variable php para luego poder procesarla.

Un saludo y gracias de nuevo!

dcreate · #4 (**permalink**) 09/12/2009, 11:28

por eso, ese codigo lo pones en una web

Código html:

Ver original<html>
<head><script type="text/javascript" src="calendar.js"></script>
    <script type="text/javascript" src="calendar-setup.js"></script>
    <script type="text/javascript" src="calendar-es.js"></script>
 
    <style type="text/css"> 
 
    @import url("calendar-green.css"); 
</style>
</head>
<body>
<form method="post" action="pagina2.php">
<input name="fecha2" type="text" id="fecha2" />
          <input type="reset" name="imageField2" />
              <script type="text/javascript">Calendar.setup({
              inputField    : "fecha2",
              button        : "imageField2"
            });
          </script>
          <input type="submit" value="enviar"/>
 
</form>
</body>
</html>

y en pagina2.php

Código php:

Ver original<?php
$fecha2=$_POST['fecha2'];
//y aqui lo procesas o le haces lo q quieras
?>

Rubix · #5 (**permalink**) 09/12/2009, 11:45

Ah vale! No me di cuenta antes de lo que querias decirme. Ya lo entendí, voy a intentarlo y te cuento.

Muchas gracias!

dggluz · #6 (**permalink**) 09/12/2009, 12:19

Una aclaración: el calendario no es "java" sino "javascript", JAVA es un lenguaje distinto. Ajax no es un lenguaje, sino una técnica que combina distintos lenguajes. ¡Suerte!

Rubix · #7 (**permalink**) 09/12/2009, 12:31

Cita:

Iniciado por dggluz

Una aclaración: el calendario no es "java" sino "javascript", JAVA es un lenguaje distinto. Ajax no es un lenguaje, sino una técnica que combina distintos lenguajes. ¡Suerte!

¡¡Cuantas cosas me faltan por aprender!

Muchas gracias por tus aclaraciones!!

dggluz · #8 (**permalink**) 09/12/2009, 12:35

Cita:

Iniciado por Rubix

¡¡Cuantas cosas me faltan por aprender!

Muchas gracias por tus aclaraciones!!

Estás en el lugar indicado para aprender. ¡Suerte!

Rubix · #9 (**permalink**) 09/12/2009, 19:42

Bueno, al final lo solucioné. No exactamente como me comentabas dcreate, pero lo conseguí. La manera que tu me comentabas valía si el calendario lo insertabas como POP-UP.

Os dejo el código por si a alguien le surge el mismo problema tenga la solución a mano:

Cabecera:

Código:

<head>

    <link rel="stylesheet" type="text/css" href="../src/css/jscal2.css" />
    <link rel="stylesheet" type="text/css" href="../src/css/border-radius.css" />
   
    <script type="text/javascript" src="../src/js/jscal2.js"></script>
    <script type="text/javascript" src="../src/js/lang/es.js"></script>

</head>

Cuerpo insertado en una tabla:

Código:

<div id="form">
	<form id="form1" name="form1" method="post" action="alquiler.php">
	<table width="100%" border="0">
				  <tr>
					<td width="234" rowspan="3">
					<div id="cont"></div>
						<script type="text/javascript">
							var LEFT_CAL = Calendar.setup({
							cont: "cont",
							weekNumbers: false,
							selectionType: Calendar.SEL_MULTIPLE,
							// titleFormat: "%B %Y"
						})
					</script>					
					</td>
					<td width="220">Oficina Recollida 
					  
					    <label>
					      <select name="recollida" id="recollida">
					        <option>Castello</option>
					        <option>Valencia</option>
				          </select>
				        </label>				    </td>
				    <td colspan="4">{model}</td>
				  </tr>
				  <tr>
					<td>Oficina Dest&iacute; 
					  <label>
					  <select name="desti" id="desti">
					    <option>Castello</option>
					    <option>valencia</option>
				      </select>
				    </label></td>
				    <td colspan="4" rowspan="2"><img src="vehicles/{foto}" width="117" border="1"/></td>
				  </tr>
				  <tr>
					<td><textarea name="f_selection" cols="20" rows="7" id="f_selection" style="width: 20em; height: 10em"></textarea>
						<label for="f_selection"></label><p></p>
					
						<script type="text/javascript">//<![CDATA[
				
						LEFT_CAL.addEventListener("onSelect", function(){
							var ta = document.getElementById("f_selection");
							ta.value = this.selection.countDays() + " dies seleccionats:\n\n" + this.selection.print("%d-%m-%Y").join("\n");
						});
				
						//]]></script>						</td>
			      </tr>
				  <tr>
					<td>Instruccions: Clicketja el dia d'inici de l'alquiler. Per a seleccionar el dia que finalitza l'alquiler utilitza &quot;SHIFT+Click&quot; en el dia dessitjat. </td>
					<td><label></label></td>
				    <td width="162"></td>
				    <td width="0"></td>
				    <td width="0"></td>
					<td width="51"><input type="submit" name="enviar" value="Enviar" /></td>
				  </tr>
				</table>
		  </form>
	</div>

Pues eso es todo. Gracias a todos los que me ayudaron.

Saludos!