Form ajax con datepicker

[arqrym]

Buenas, tengo un formulario con ajax de "varias páginas" y en la segunda que ve el usuario( tras un httpRequest) tengo un jquery.ui datepicker en una caja de texto.

Todo el formulario funciona perfectamente salvo la carga del datepicker..

He buscado y no he dado con la solución. He probado el interpretadorAJAx que encontré por aquí pero no me va..

Entiendo perfectamente el problema donde radica pero no consigo resolverlo..Al cargar el dom ( el input text no se encuentra) y cuando aparece no ejecuta el script..


Alguna solución al respecto para iluminarme un poquito??

Muchas gracias de antemano..

[jonni09lo]

esto es un ejemplo pero deberia funcionar en el momento en el q crees el input

Código Javascript:

var text = "<input type=text id=textbox1 />";
 $("#float_menu").html(text); //append prepend lo que necesites en donde lo necesites
 $("#textbox1").datepicker({ showOn: 'button', buttonImage: 'calendar.jpg', buttonImageOnly: true, dateFormat: $.datepicker.W3C, changeMonth: true, changeYear: true, yearRange: '1950:2015' });
 

las opciones del datepicker son solo ejemplos, las puedes modificar o quitar segun tus necesidades

Saludos

[arqrym]

Iniciado por jonni09lo

esto es un ejemplo pero deberia funcionar en el momento en el q crees el input

Código Javascript:

var text = "<input type=text id=textbox1 />";
 $("#float_menu").html(text); //append prepend lo que necesites en donde lo necesites
 $("#textbox1").datepicker({ showOn: 'button', buttonImage: 'calendar.jpg', buttonImageOnly: true, dateFormat: $.datepicker.W3C, changeMonth: true, changeYear: true, yearRange: '1950:2015' });
 

las opciones del datepicker son solo ejemplos, las puedes modificar o quitar segun tus necesidades

Saludos

Gracias por la respuesta, pero sigue sin funcionarme..

El código donde iría exactamente? Lo he puesto tanto en la página de inicio del form como en la que se llama y no me va...

A ver si me aclaro un poco este asunto, ya que más que resolverlo, quiero pillar bien el motivo del no funcionamiento...

Muchas gracias de antemano

[jonni09lo]

muestrame el codigo donde insertas el input type text al DOM

[arqrym]

Iniciado por jonni09lo

muestrame el codigo donde insertas el input type text al DOM

Código PHP:

  <script type="text/javascript">
            function nov(){
 
nuevoAjax();    
    var t1, t2, contenedor;
    contenedor = document.getElementById('form');
    t1 = document.getElementById('abcd').value;
    t2 = document.getElementById('fghi').value;
        ajax=nuevoAjax();
    ajax.open("GET", "cc/form2.php?t1="+t1+"&t2="+t2,true);
    ajax.onreadystatechange=function() {
        if (ajax.readyState==4) {
        contenedor.innerHTML = ajax.responseText
         }
    }
    ajax.send(null)
}
 
</script> 
  

Aquí te envio el código que llamo al form2.php y vuelco en el contenedor form...

En form2.php valido campos del form1 y si no estan validados vuelco FORM1 de nuevo y si lo están vuelco el FORM2 mediante un IF...

En el form 2 estaría el input text con el datepicker, que no se encuentra en el DOM hasta que está validado el form1..

Como comenté antes, todo el proceso me funciona muy bien( hice un resumen,hay muchos más campos en el form) pero lo único que no me va es la llamada al datepicker..

A ver si me aclaras un poco todo esto..

Muchas gracias por tu ayuda..

[jonni09lo]

el codigo iria despuest de esta linea

contenedor.innerHTML = ajax.responseText

ten en cuenta de colocar el id de la caja de texto y solo necesitas de esta linea

Código Javascript:

$("#textbox1").datepicker({ showOn: 'button', buttonImage: 'calendar.jpg', buttonImageOnly: true });
 

Saludos

[arqrym]

Iniciado por jonni09lo

el codigo iria despuest de esta linea

contenedor.innerHTML = ajax.responseText

ten en cuenta de colocar el id de la caja de texto y solo necesitas de esta linea

Código Javascript:

$("#textbox1").datepicker({ showOn: 'button', buttonImage: 'calendar.jpg', buttonImageOnly: true });
 

Saludos

Muchísimas gracias, funciona a la perfección..

A veces las cosas que parecen más complicadas se resuelven de la manera más sencilla...

[jonni09lo]

jejeje me alegro que te haya servido, ten en cuenta que los plugins de javascript muchas veces solo funcionan con elementos que ya estan cargados en el DOM, asi que en esos casos hay es que "forzarlos" para que reconozcan los elementos nuevos y asi de esa manera funcionen correctamente

Saludos