Problema calendario submit

[carlorodri]

Hola buenas tardes,

resulta que tengo un calendario emergente que sirve para poner la fecha en un campo de texto y de ahi pones enviar y se envia la fecha y muestra los datos correspondientes a esa fecha, pero me gustaria modificar y que no se tubiera que dar en el boton de enviar, simplemente haciendo click sobre la fecha del calendario hiciese el submit y mostrara los datos de ese dia. Si alguien tiene alguna idea de como hacerlo se agredeceria,muchas gracias.

[David]

Eso no es problema de PHP, sino de Javascript. ¿Qué script utilizas para el calendario?

[carlorodri]

Esta es la funcion principal del calendario, luego hay muchas mas pero son 900 lineas de codigo...

Código PHP:

function Epoch(name,mode,targetelement,multiselect)
{
  this.state = 0;
  this.name = name;
  this.curDate = new Date();
  this.mode = mode;
  this.selectMultiple = (multiselect == true); //'false' is not true or not set at all
  
  //the various calendar variables
  //this.selectedDate = this.curDate;
  this.selectedDates = new Array();
  this.calendar;
  this.calHeading;
  this.calCells;
  this.rows;
  this.cols;
  this.cells = new Array();
  
  //The controls
  this.monthSelect;
  this.yearSelect;
  
  //standard initializations
  this.mousein = false;
  this.calConfig();
  this.setDays();
  this.displayYear = this.displayYearInitial;
  this.displayMonth = this.displayMonthInitial;
  
  this.createCalendar(); //create the calendar DOM element and its children, and their related objects
  
  if(this.mode == 'popup' && targetelement && targetelement.type == 'text') //if the target element has been set to be an input text box
  {
    this.tgt = targetelement;
    this.calendar.style.position = 'absolute';
    this.topOffset = this.tgt.offsetHeight; // the vertical distance (in pixels) to display the calendar from the Top of its input element
    this.leftOffset = 0;           // the horizontal distance (in pixels) to display the calendar from the Left of its input element
    this.calendar.style.top = this.getTop(targetelement) + this.topOffset + 'px';
    this.calendar.style.left = this.getLeft(targetelement) + this.leftOffset + 'px';
    document.body.appendChild(this.calendar);
    this.tgt.calendar = this;
    this.tgt.onfocus = function () {this.calendar.show();}; //the calendar will popup when the input element is focused
    this.tgt.onblur = function () {if(!this.calendar.mousein){this.calendar.hide();}}; //the calendar will popup when the input element is focused
  }
  else
  {
    this.container = targetelement;
    this.container.appendChild(this.calendar);
  }
  
  this.state = 2; //0: initializing, 1: redrawing, 2: finished!
  this.visible ? this.show() : this.hide();
}
 

y aqui es cuando lo quiero llamar en la hoja php


<script type="text/javascript">
{literal}
var bas_cal,dp_cal,ms_cal;
window.onload = function () {
dp_cal = new Epoch('epoch_popup','popup',document.getElementByI d('popup_container'));

};
</script>


Gracias!

[GatorV]

Tema movido desde PHP a Javascript

[David]

¿El script tiene alguna documentación? ¿De dónde lo obtuviste? ¿Dispara algún evento a la hora de seleccionar la fecha?

[carlorodri]

Iniciado por David

¿El script tiene alguna documentación? ¿De dónde lo obtuviste? ¿Dispara algún evento a la hora de seleccionar la fecha?

La verdad que la aplicacion me la he encontrado tal cual y me han dicho de mejorarla, asi que no tengo mucha documentacion...
Cuando haces click en el campo de texto se abre una ventana pequeña de un calendario que al hacer click sobre una fecha se escribe en el campo de texto y luego hay otro boton que hace de submit.

Lo que quiero hacer es que cuando hagas click directamente sobre el calendario canvie la fecha sin tener que hacer click al otro boton. Nose si me explico, si no se entiende pongo foto..

Gracias!

[David]

Se entiende, pero sin ver el script del calendario es difícil decirte qué hay que modificar.

Busca la parte del script que modifica el targetelement (this.tgt, el input) y allí envías el formulario.

[carlorodri]

Iniciado por David

Se entiende, pero sin ver el script del calendario es difícil decirte qué hay que modificar.

Busca la parte del script que modifica el targetelement (this.tgt, el input) y allí envías el formulario.

Aqui me sale un targetelement tal como dices...

Código Javascript:

if(this.mode == 'popup' && targetelement && targetelement.type == 'text') //if the target element has been set to be an input text box
  {
    this.tgt = targetelement;
    this.calendar.style.position = 'absolute';
    this.topOffset = this.tgt.offsetHeight; // the vertical distance (in pixels) to display the calendar from the Top of its input element
    this.leftOffset = 0;           // the horizontal distance (in pixels) to display the calendar from the Left of its input element
    this.calendar.style.top = this.getTop(targetelement) + this.topOffset + 'px';
    this.calendar.style.left = this.getLeft(targetelement) + this.leftOffset + 'px';
    document.body.appendChild(this.calendar);
    this.tgt.calendar = this;
    this.tgt.onfocus = function () {this.calendar.show();}; //the calendar will popup when the input element is focused
    this.tgt.onblur = function () {if(!this.calendar.mousein){this.calendar.hide();}}; //the calendar will popup when the input element is focused
  }
  else
  {
    this.container = targetelement;
    this.container.appendChild(this.calendar);
  }
 

[David]

No, no me refiero a esa parte. Me refiero a cuando seleccionas un día y cambia el value del elemento con la fecha elegida.

[carlorodri]

Es el unico target element this.tgt que me aparece...weno he visto y hay otro, pero no hay mas..


Epoch.prototype.resetSelections = function (returnToDefaultMonth) //PRIVATE: reset the calendar's selection variables to defaults
{
this.selectedDates = new Array();
this.rows = new Array(false,false,false,false,false,false,false);
this.cols = new Array(false,false,false,false,false,false,false);
if(this.tgt) //if there is a target element, clear it too
{
this.tgt.value = '';
if(this.mode == 'popup') {//hide the calendar if in popup mode
this.hide();
}
}

if(returnToDefaultMonth == true) {
this.goToMonth(this.displayYearInitial,this.displa yMonthInitial);
}
else {
this.reDraw();
}
};